Pace4Chrome - すべてのWebページに読み込みプログレスバーを表示する拡張機能

ページ読み込みの進捗をプログレスバーで視覚的に確認できる

Pace4Chromeとは、Google ChromeでアクセスしたWebページに、自動的に読み込みプログレスバーを表示する拡張機能です。

Pace4Chrome Chrome拡張 読み込みプログレスバー

Pace4Chrome - Chrome ウェブストア https://chrome.google.com/webstore/detail/pace4chrome/mnajikgodiohijkaknjomgpjjoogdfdj

Webページにアクセスしたときに、どのくらい読み込みが進んでいるのかを視覚的に確認できるのが、Pace4Chromeです。

Automatic page load progress barを提供する「pace.js」とスタイルシートを使い、Chromeからアクセスしたすべてのページに読み込みプログレスバーを表示できます。

読み込みプログレスバーのデザインや色をカスタマイズ

Pace4Chromeをインストールしたら、何か新しくWebページにアクセスしてみましょう。

ページ上部に左から、青く細いプログレスバーが表示されていき、ロードが完了するとバーが消えます。

デフォルトは最小限の青いプログレスバーですが、そのデザインや色はオプションで好みにカスタマイズできます。

Pace4Chrome Chrome拡張 読み込みプログレスバー オプション

Pace4Chromeには15種類のプログレスバーのデザインが、「Presets」として用意されています。

「Barber Shop」「Big Counter」「Loading Bar」など、各ボタンをクリックするとプレビューが表示されるので、好みのデザインのプログレスバーを選んでみましょう。

「Change Color」オプションで選択したプログレスバーの色を変更したら、「Save Changes」ボタンで保存します。

中には「Big Counter」のように、バーではなく読み込みのパーセントを表示するものもあります。

また、「Show Advanced Options」を使えば、CSSコードを表示して直接編集することもできます。

Chrome拡張のいいところ 関連コンテンツ

0件のコメント

コメントの投稿

投稿フォーム
投稿した内容は管理者にだけ閲覧出来ます

Copyright © 2008-2017 Chrome拡張のいいところ. All Rights Reserved.

スポンサードリンク

Chrome拡張の最新記事

Line Height Adjuster - Webページの行間を空けて読みやすくできるChrome拡張機能 2017/06/27

Images ON/OFF - 画像を非表示にしてaltテキストに置き換えるChrome拡張機能 2017/06/20

Temp Notes Chrome拡張 白黒2色で半透明の付箋メモ 2017/06/13

_blank Chrome拡張 新しいタブで開くリンクに二重線を表示して区別する 2017/06/06

Bookmark Sidebar Chrome拡張 サイドバーにオーバーレイ表示のブックマークを追加する 2017/05/30

Zoom Page WE Chrome拡張 ページ全体かテキストだけを選んでズームレベルを変更できる 2017/05/23

Have I Downloaded This Before? ダウンロードファイルの重複を防ぐChrome拡張 2017/05/16

Visor Chrome拡張 画面を薄暗くして水平のフォーカスバーを表示する 2017/05/09

ブログ「Chrome拡張のいいところ」について

おすすめのChrome拡張機能や設定を紹介するブログです。

ご連絡はこちらまでどうぞ
sg.inagaki@gmail.com

RSS Feed