Photoshopでsvgを書き出してimgタグで埋め込んだ時に、chromeでだけうまく表示されない不具合に遭遇したので対応方法をメモ。
chromeのバージョンは72.0.3626.121、Photoshopのバージョンは20.0.0を使用しています。
HOME > chrome
-
svgをimgタグで埋め込んだ際にchromeで表示されない
-
video要素にsetAttributeで追加したmutedがFirefoxとchromeで効かない
setAttributeでmutedを指定した際に、Firefoxとchromeでミュートにならない現象に遭遇したのでメモ。
-
Mac Safariでvideoの自動再生ができない
Safari 11からvideoタグのautoplayが効かなくなっているようだったので、いくつかデモを作って試してみました。
-
chromeでpointer-events noneが効かない不具合
YouTube埋め込みの前面に要素を重ねてpointer-events: none を指定した際、Google Chromeでうまく効かないことがあったので、その原因と対応方法をメモしておきます。
-
開発用の.devドメインが表示できなくなった件とその対応方法
開発用で使用している.devドメインがchromeとFirefoxでうまく表示できなくなったので、その際に対応した方法をメモしておきます。
今回対応したのは、XAMPPでバーチャルホストの設定をしたWordPressの環境になります。 -
areaタグの位置をoffset()でうまく取得できない
areaタグの位置をjQueryのoffset()で取得しようとしたところ、IEでは取得できたのですが、FirefoxとGoogle Chromeでうまく取得できなかったので、対応方法をメモしておきます。
-
Google Chromeの拡張機能を作成してみる
Google Chromeの拡張機能にはいくつか種類がありますが、その中からbrowser actionという種類の拡張機能を作成してみます。
-
Google ChromeのDeveloper Toolsでエミュレートするユーザーエージェントを追加する
Google ChromeのDeveloper Toolsでdevice modeにユーザーエージェントを追加してみます。
-
画像読み込み後に処理を行う
画像が読み込まれたら何か処理を行う実装をしていたのですが、chromeとIEでの対応に少し実装で詰まったので方法をメモしておきます。
-
Google Chromeで画像の読み込みが完了するまでサイズが取得できない
バグなのかこういう仕様なのか分かりませんが、Google Chromeで画像の読み込みが完了しないとJavaScriptでサイズの取得ができない件の対応方法です。