トップ 差分 一覧 ソース 検索 ヘルプ ログイン

《Web》Chrome の設定

[Web]

起動時のパラメータ

デバッグモードで起動
 "C:\Program Files\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files --no-sandbox --disable-web-security --flag-switches-begin --enable-sync-favicons --sync-keystore-encryption --flag-switches-end

ファイル読み込み可モード
 "C:\Program Files\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files

Google Chromeで指定したページのみを開くショートカットの作成方法 -ええかげんブログ(本店)
http://algorhythnn.jp/blg/2014/01/15/chrome-make-shrtcut/

設定例) “C:\Program Files\Google\Chrome\Application\chrome.exe” http://www.yahoo.co.jp/

参考サイト

起動オプション - Google Chrome まとめWiki
http://chrome.half-moon.org/43.html

起動オプション 説明
--disable-XXX XXX機能を無効にします。
--allow-file-access-from-files デフォルトでは禁止されている、file:// URIからの他のfile:// URIの読み込みを許可します。
--homepage=URL ホームページを一時的に変更します。(単にリンク表示だけなら、起動オプションなしでURLのみ)
--start-maximized 起動時にウィンドウを最大化します。
--start-fullscreen 起動時にウインドウを全画面表示します。F11キーでの全画面表示と同じ表示となります。
--kiosk Kioskモードで起動します。F11キーでの全画面表示とほぼ同じ表示となります。Mac版では利用できません。
--app=URL URLをアプリケーションモード(アドレスバーが無いなど、非常にすっきりした表示モード)で起動します。
--profile-directory="Default" ユーザデータフォルダ切り替え(ユーザー指定で起動、この場合はDefault)

Googleアカウント別のChromeのショートカットを作成する方法 - suzu6の技術ブログ
https://www.suzu6.net/posts/184-chrome-taskbar/

設定>プロファイルをカスタマイズ>デスクトップにショートカットを作成する のスイッチをON

初期設定

Google Chromeのブラウザウィンドウの位置とサイズを指定する方法 | 365 photo diary
https://ameblo.jp/fukasawa-yu/entry-12217636475.html

設定ファイルはデフォルトだと以下の場所にあります。
C:\Users\ユーザー名\AppData\Local\Google\Chrome\User Data\Default\Preferences

↑この方法は位置を記憶しない

Chromeを起動したときに表示されるウィンドウの位置と大きさを指定する方法 バッキーの日々是爆食/ウェブリブログ
https://backy0175.at.webry.info/201806/article_6.html

Chromeの起動に使っているショートカットに下記のようなパラメタを追加することで、
起動したときに表示されるウィンドウの位置と大きさを指定するようにしました。
"C:\Program Files\Google\Chrome\Application\chrome.exe" --window-position=150,10 --window-size=1190,880

これで解決したので、下記で設定。

1366x960 --window-position=269,8 --window-size=1382,1080
1600x960 --window-position=152,8 --window-size=1616,1080

開発者モード

基本

Chrome DevTools - Chrome for Developers
https://developer.chrome.com/docs/devtools/

Chromeデベロッパーツールの使い方 Networkパネルを使い倒す | アユダンテ株式会社
https://ayudante.jp/column/2022-12-01/15-00/

Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider
https://www.buildinsider.net/web/chromedevtools/01

更新日を調べる

Webページの更新日時を調べる方法 - Qiita
https://qiita.com/mucho0623/items/9ffb842d9710b16a8527

Ctrl+Shift+JでjavaScriptコンソールを出し、
javascript:alert(document.lastModified);

ユーザエージェント

Google Chromeブラウザでスマートフォンサイトをチェックする:Google Chrome完全ガイド - @IT
http://www.atmarkit.co.jp/ait/articles/1403/20/news050.html

Google ChromeでUserAgentを変更する - Qiita
https://qiita.com/pepo/items/565f0a8b9bd277cfb4ec

その1:デバイスエミュレータ機能を使う
1. Developer Toolsを開く
2. device toolbarを開く
3. エミュレートしたいデバイスを選択する
4. ページを読み込む

その2:Network conditionsからUserAgentをカスタマイズする
1. Developer Toolsを開く
2. More ToolsからNetwork conditionsを開く
3. select automaticallyのチェックを外す
4. 好きなUserAgentに変える
5. ページを読み込む

Tips

スーパーリロード(完全リロード)

ブラウザ ショートカットキー
Chrome Ctrl + F5
IE Ctrl + F5
Firefox Ctrl + F5 または Ctrl + Shift + R

ブラウザの更新 スーパーリロード
http://www.netyasun.com/browser/reload.html

キーボードショートカット

Chrome のキーボード ショートカット - パソコン - Google Chrome ヘルプ
https://support.google.com/chrome/answer/157179?co=GENIE.Platform%3DDesktop&hl=ja

操作 ショートカット
特定のタブに移動する Ctrl+1〜Ctrl+8
右端のタブに移動する Ctrl+9
現在のタブの閲覧履歴の中で前にあるページを開く Alt+左矢印
現在のタブの閲覧履歴の中で次にあるページを開く Alt+右矢印
現在のページ内を検索する検索バーを開く Ctrl+F または F3
検索バーでの検索内容に一致する次の部分に移動する Ctrl+G
検索バーでの検索内容に一致する前の部分に移動する Ctrl+Shift+G
リンクを新しいバックグラウンド タブで開く Ctrl+リンクをクリック
リンクを開いてリンク先に移動する Ctrl+Shift+リンクをクリック
リンク先をダウンロードする Alt+リンクをクリック

ブックマークの同期

chromeの同期ってどこが主体ですか?端末?雲? - OKWAVE
https://okwave.jp/qa/q9830558.html

ブックマークレット

一般

Bookmarklet スクリプト変換
https://ytyng.github.io/bookmarklet-script-compress/

URL

[javascript] URLの数字に1足してリダイレクトするブックマークレット(ファイル名最優先、それ以外は後ろの数字を優先) : レスペス・トランクィル
http://blog.livedoor.jp/qoozy/archives/52538846.html

ブックマークレットで本番環境とテスト環境のURLを切り替える【javascript】 | えむ家のメモ帳
https://m-kenomemo.com/bookmarklet-changeurl/

上記を一部改修(新しいウインドウを開かない)

var urls=[
['index.html','index_debug.html'],
];

var area=location.href;
var flag=false;

urls.forEach(function(url){
if(area.indexOf(url[0])>0){
area=area.replace(url[0],url[1]);
location.href=area;
flag=true;
}else if(area.indexOf(url[1])>0){
area=area.replace(url[1],url[0]);
location.href=area;
flag=true;
}
});

if(!flag){
alert('このURLでは使えません')
}

Googleの検索

Bookmarklet という一番身近な自動化技術 | blog.jxck.io
https://blog.jxck.io/entries/2018-01-12/let-it-bookmarklet.html

Google の検索結果で「期間指定」を3か月にする

javascript:location.href += '&tbs=qdr:m3'

派生して「期間指定」を3秒、3分、3時間、3日、3週間、3年にする

javascript:location.href += '&tbs=qdr:s3'
javascript:location.href += '&tbs=qdr:n3'
javascript:location.href += '&tbs=qdr:h3'
javascript:location.href += '&tbs=qdr:d3'
javascript:location.href += '&tbs=qdr:w3'
javascript:location.href += '&tbs=qdr:y3'

WebページのタイトルとURLをコピー

iOS(iPhone)でWebページのタイトルとURLをワンタップでコピーするBookmarklet - Qiita
https://qiita.com/xshoji/items/619a5c3cceb310a2b35a

モバイル版Chrome

拡大表示

使いやすさ抜群のタブや密集リンクの拡大ポップアップなどAndroid版Chromeの便利な機能をチェック | あんどろいどスマート
http://android-smart.com/?p=18171

拡大操作 - Android Accessibility ヘルプ
https://support.google.com/accessibility/android/answer/6006949?hl=ja