Google Chromeのデベロッパーツールを使って、閲覧中のページ全体のスクリーンショットを撮る方法をご紹介いたします。 デベロッパーツールを使えば、拡張機能を入れなくてもページ全体のスクリーンショットが撮影可能です…
Google Chromeのデベロッパーツールを使ってページ全体のスクリーンショットを撮影する方法
画像やiframeに「loading=”lazy”」を自動付与し遅延読み込みを有効化してくれるWordPressプラグイン「Native Lazyload」
Native Lazyloadは、画像やiframeに「loading=”lazy”」を自動的に付与して、遅延読み込みを有効化してくれるWordPressプラグインです。Googleが提供していま…
PHPでアクセス元ブラウザの種類を判別する方法
PHPでアクセス元のブラウザの種類を判別して、ブラウザ毎に処理を変える方法をご紹介いたします。 PHPでアクセス元のブラウザの種類を判別する方法 ブラウザの種類を判別するためには、ユーザーエージェントを判別して条件分岐し…
Google Chrome 75からサポート予定のloading属性による画像やiframeの遅延読み込みを実装する方法
Google Chrome 75から、HTML側にloading属性を追加するだけで、画像やiframeの遅延読み込みが実装可能になる予定です。 ※2019/08/19追記 Google Chrome 76から公式にサポ…
憎きIEを撲滅！Internet Explorerからアクセスすると警告文を表示してブロックするスクリプト「IE Buster」
IE Busterは、Internet Explorer(IE)でアクセスした際に、Google Chromeのインストールを促すメッセージを表示してアクセスをブロックするスクリプトです。 以下デモページにIEでアクセス…
Google Chrome 69から刷新されたタブやアドレスバーのデザインを元に戻す方法
Google Chrome 69では、ブラウザのデザインが刷新されました。タブやアドレスバーが丸みのあるデザインに変わり、全体的に柔らかいイメージになりましたね。 でも前のデザインの方が良かったなー、なんて思う方も結構い…
ブラウザによる電話番号への自動リンクを無効化する方法
ブラウザによっては、テキストでサイト内に記述している電話番号を認識して、自動的に電話発信用のリンクを付与します。この機能は、テキストとして表示したい箇所がリンクになってしまい、思わぬデザインの崩れを引き起こしてしまう可能…
AndroidのChromeでページを開いた時にブラウザのタブの色を変更させる方法
AndroidのChromeでサイトを開いた時に、タブの色を変更させる方法をご紹介いたします。 以下デモページにAndroidのChromeからアクセスすると、タブの色が青色に変わります。 デモページを見る HTML内に…
Google ChromeでAdobe Flash Playerを有効化する手順
Google ChromeでFlash Playerが必要なサイトを再生できない場合、Flash Playerプラグインが無効化されている可能性があります。そんな時は、Google Chromeのプラグインページにアクセ…
2016年にお世話になったGoogle Chrome拡張機能まとめ
今年もGoogle Chromeには大変お世話になりました。そして、来年もまたお世話になることと思います。今年の途中でBliskというブラウザを試してみて、なかなかいいなと思ったのですが、結局はすぐにChromeに戻って…