Chrome

GoogleChromeデベロッパーツールをファンクションキーで開く設定:Mac

サイトの制作や修整の際にいまやデベロッパーツールを使わない人はもういないと思います。サイトのチェックだけでなく、レスポンシブチェック、サイトのデータサイズチェック、JSの動作チェック、オーバーライド機能など多数の機能が含まれています。 ただなぜかMacの場合にはキーボードショートから起動方法が初期設定になっていて、起動する手間が多いのです。 WindowsならF12キーで起動するのですが、Macは […]

hostsファイルを書き換えるよりも簡単にVirtual Hostを使うメリット:GoogleChrome

新サイト作成中などでドメインのIPアドレスを変更してサーバーを参照するように設定する場合があると思います。今回紹介する機能拡張を使えば簡単に書き換えができるのと、ちょっとしたテクニックでサイト制作に役に立つ使い方を紹介します。 バーチャルでサーバーを立てていたり、ローカルに設定しているサーバーにブラウザでアクセスする場合にはhosts設定を書き換えてアドレス(ドメイン)とIPの設定を追加して、向き […]

ページ内のリンクを一気に開く機能拡張Linkclump:Google Chrome

クリップボードの中にあるURLを開いてくれるPastyはテキストファイルなどに書かれたリンクを一気に開くにはとても便利ですが、表示しているWebページにあるリンクを一気に開く事には対応していませんでした。 複数ページのURLを一気に開いてくれるPastyが便利:Google Chrome エクステンション Webページに設定されているリンクを一気に開くには機能拡張「Linkclump」がありました […]

Chromeで「終了するには⌘Qキーを押します」と表示された時の対応方法:Mac

GoogleChrome v70にアップデートした頃からだと思うが、ショートカットキーで終了しようとしたら終了せず、「終了するにはCommand+Qを押します。」とメッセージが出るようになった。 GoogleChromeを終了しようとして⌘+Qを押すとなんか「終了するには⌘+Qを押してください」って出てきだした。なんだこれは。 — onecontents (@onecontents) […]

オーバーライド機能を使ってCSSを調整しながら即保存する方法:GoogleChrome

普段はGoogleChormeを使っています。 Chromeの Override(オーバーライド)機能を使い、サイトのCSSを調整する上で便利な使い方を紹介します。この方法を使えば、今までDeveloperToolを使って仮想的に調整していたCSSををもっと便利に早く効率的に編集・更新できる様になります。 今までの方法:DeveloperToolでの調整 仕事ではウェブサイトの運用管理をしています […]

ブラウザキャッシュを一発クリア Clear cache:Google Chrome アドオン

GoogleChromeのブラウザキャッシュをクリアしてくれるアドオン。 Clear cache インストール後、ツールバーのボタンをクリックするとChromeのキャッシュをクリアしてくれます。 【ツールバーのボタン】 リサイクルマークみたいなアイコンが表示されます・ クリアするだけでなく設定でボタンを押したら画面再読込を実行させることもできます。 【オプション画面】 「Automatically […]

作業効率化の為に使っているGoogle Chrome 機能拡張

インターネット上には膨大な情報が溢れていて、気がつくと最初に探していたページ以外にどんどんリンクを開いて時間を無駄にしてしまう事があったり、効率的にすれば時間を短縮できたりすることはたくさんあります。 効率的に作業をすすめるためにGoogleChromeに入れている機能拡張を纏めてみました。 Pasty 複数のコピーしたURLをタブで開いてくれる機能拡張です。一気に複数のページを開きたいとkに重宝 […]

Web屋が使うGoogle Chrome エクステンションまとめ

仕事上ブラウザはよく使う方ですが、ウェブ制作するうえで必須だと思っているエクステンションをまとめました。 pasty サイトをチェックしたりするとき、複数のURLを一つづつヒライていくのはメンドクサイので、この機能拡張を入れました。 コピーした複数のURLをそれぞれタブで開いてくれるようになるので、たくさんのページも一気に開けます。 Pastyの使い方 Pasty Website IP 見ているサ […]