意外と知らない?作業がはかどるクローム拡張機能!

お知らせ, 小技タグ

意外と知らない?作業がはかどるクローム拡張機能!

こんにちは!
年始からコロナの報道が相次ぐ中、
本日は趣向を変えて、
ECに初めてチャレンジする方でも便利な、
ブラウザGoogle Chromeの拡張機能をご紹介いたします!

1.ウェブページ全体をスクリーンショット – FireShot

ウェブページや楽天の長い商品ページの画像を
ひとつひとつ保存していませんか?
そんな時はページ全体を保存してくれるFireshot。
自動でスクロールもしてくれるので、
長いページも安心です。
※ホバーのバナーなどは毎スクショごとに表示されるので
 削除が検証ツールなどで必要だったりします。

https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=ja

 

2.The QR Code Extension

次はQRコード生成ツールです。
今見ているページをQRにし、
PNG、JPG、SVGで保存可能です。
また、何より即時にiPhoneのカメラを向ければ、
スマホの動作確認が簡単にできることがメリットです!
https://chrome.google.com/webstore/detail/the-qr-code-extension/oijdcdmnjjgnnhgljmhkjlablaejfeeb?hl=ja

3.whatfont

正直これがあると無いでは、全然変わってきます!
実際に今のフォントのサイズやファミリーが分かったり、
現在使用しているサイズがcssを分析しなくともわかりやすく表示されます。
実際に構築している方以外にも、
楽天などの管理画面でフォントの指定をするときに大助かりです。

https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=ja

4.Page Ruler Redux

画像やヘッダーなどウェブ上のサイズを計測できる拡張機能です。
バナーサイズやcssで高さや横幅を指定する際に、
どれだけの数を入力すればいいのかわからず、
トライアンドエラーでチェックしていた時代とはおさらばできます。
https://chrome.google.com/webstore/detail/page-ruler-redux/giejhjebcalaheckengmchjekofhhmal

5.HTML エラーチェッカー

楽天の商品ページ・ヘッダーフッターレフトナビをアップしてみたけれど、
何かでエラーが出ている…。
そんなときに大活躍!
今見ているページのHTMLをチェックして添削してくれます。
他にも「整形ツール」などで検索するとなお、お助けになってくれます。
https://chrome.google.com/webstore/detail/html%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%81%E3%82%A7%E3%83%83%E3%82%AB%E3%83%BC/ohdllebchmmponnofchalfkegpjojcaf?hl=ja

世の中には便利なツールが盛りだくさん

簡単に五つほど紹介させていただきました。
どれも愛用の拡張機能です。
まだ使ったことないという方は、
こちらを気にぜひインストールし、
さくさくネットショップ運営にご活用ください。

参考元:
https://webdesign-trends.net/entry/8845

関連記事一覧