素敵なjavascript ～google chrome編～

素敵な javascript Google Chrome 編 Hisatoshi Kikumoto

Google Chrome とは？ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

ショートカットを覚えよう ,[object Object],後は他のブラウザとだいたい同じタスクマネージャを表示 Shift ＋ Escape 新しいタブでそのアドレスを開くアドレスを入力して Alt ＋ Enter キーワードの前後に「 www. 」と「 .com 」を追加してウェブアドレスとして開くキーワードを入力して Ctrl ＋ Enter アドレスバーにフォーカス F6 または Ctrl ＋ L タブの切替 Ctrl ＋ Tab Ctrl ＋ Shift ＋ Tab Ctrl ＋ 1 ～ 8

ショートカットが足りない ,[object Object],[object Object],閉じたタブを復元 u リロード r リンク表示 f タブを閉じる d 戻る、進む H,L トップ、エンドへスクロール gg 、 G スクロールｊ、 k 、 h 、 l

便利なエクステンション ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

開発者用の便利な機能 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

エクステンションを作ろう（エクステンションで使える技術） ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],JQuery とかを使いたい場合はエクステンションにバンドルしましょう

エクステンションを作ろう（エクステンションの作り方） ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

エクステンションを作ろう (Chrome API 一部紹介 ) ,[object Object],[object Object],[object Object]

エクステンションを作ろう (Chrome API 一部紹介 ) ,[object Object],[object Object],{ "background_page": "background.html“ ・・ }

エクステンションを作ろう (Chrome API 一部紹介 ) ,[object Object],[object Object],[object Object],"content_scripts": [ { "css": [ "google.css" ], "js": [ "google.js" ], "run_at": "document_start", "matches": [ "http://www.google.com/*" ] } ]

エクステンションを作ろう (Chrome API 一部紹介 ) ,[object Object],[object Object],chrome.tabs.onCreated.addListener(function(tab) { appendToLog('tabs.onCreated --' + ' window: ' + tab.windowId + ' tab: ' + tab.id + ' index: ' + tab.index + ' url: ' + tab.url); });

エクステンションを作ろう (Chrome API 一部紹介 ) ,[object Object],[object Object],[object Object],{ "name": "My extension", ... "permissions": [ "tabs" ], ... }

エクステンションを作ろう ( ソースのありか ) ,[object Object],[object Object],C:ocuments and Settings ユーザー名 ]ocal Settingspplication Dataooglehromeser Dataefaultxtensions

このように Chrome のエクステンションは Firefox に比べて圧倒的に簡単で分かりやすいのでぜひ活用ください！

Let’s Enjoy Google Chrome !!

素敵なjavascript ～google chrome編～

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (18)

Similar to 素敵なjavascript ～google chrome編～

Similar to 素敵なjavascript ～google chrome編～ (20)

Recently uploaded

Recently uploaded (10)

素敵なjavascript ～google chrome編～