Chrome拡張機能ã§DOMã‚’æ“作ã™ã‚‹æ–¹æ³•
今回ã¯Chrome拡張機能ã‹ã‚‰DOMã‚’æ“作ã™ã‚‹æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ ã“ã‚Œã‹ã‚‰ç´¹ä»‹ã™ã‚‹ã‚µãƒ³ãƒ—ルã¯ã€(1)ブラウザアクションボタンãŒæŠ¼ã•ã‚Œã‚‹ã¨ (2)ページタイトルを'hoge'ã«å¤‰æ›´ã—ã€(3)ボタンを押ã—ãŸå´ï¼ˆã¤ã¾ã‚Šbackground.js）ã«ã‚¿ã‚¤ãƒˆãƒ«ãŒå¤‰æ›´ã•ã‚ŒãŸã“ã¨ã‚’通知ã™ã‚‹ã€ã¨ã„ã†å‹•ãã‚’ã™ã‚‹æ‹¡å¼µæ©Ÿèƒ½ã§ã™ã€‚ manifest.json { "name": "DOM manipulation Example", "version": "1.0", "description": "Chrome Extension Example for manipulating DOM.", "content_scripts": [{ "matches": ["<all_urls>"], "js": ["content.js"] }], "background": { "scripts": ["backgr
コンテã‚ストメニューãªChrome拡張機能ã®ä½œã‚Šæ–¹
2014-08-02 追記 content script内ã ã‘ã§å®Œçµã™ã‚‹ï¼ˆbackground.jsã¨ã®é€šä¿¡ãŒç™ºç”Ÿã—ãªã„）シンプルãªã‚³ãƒ³ãƒ†ã‚ストメニューをãŠæŽ¢ã—ãªã‚‰ã“ã¡ã‚‰ã®ã‚¨ãƒ³ãƒˆãƒªãŒå‚考ã«ãªã‚‹ã¨æ€ã„ã¾ã™â†’Chromeアプリã§é•·æŠ¼ã—コンテã‚ストメニュー 上ã®ç”»åƒã®ã‚ˆã†ãªã‚³ãƒ³ãƒ†ã‚ストメニューをChrome拡張機能ã§å®Ÿç¾ã™ã‚‹æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ ã¾ãšã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆæ§‹æˆã‹ã‚‰ã€‚ プãƒã‚¸ã‚§ã‚¯ãƒˆæ§‹æˆmanifest.json main.js 128.png Chrome拡張機能(Extensions)ã®å…¸åž‹çš„ãªãƒ•ã‚¡ã‚¤ãƒ«æ§‹æˆã§ã™ã。 基本的ã«å¿…è¦ãªã®ã¯ manifest.json 㨠js本体 ã®2ã¤ã ã‘。 ã¡ãªã¿ã« 128.png ã¯ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã§ã™ã€‚ manifest.json { "name": "My Context Menu Extension", "description": "Sample
Chromeæ‹¡å¼µã§ã¯ã€Background pages よりも Event pages を使用ã—ãŸã»ã†ãŒè‰¯ã„ - よんã¡ã‚…Blog
ã“ã‚Œã‹ã‚‰Chrome拡張を作る方ã«ã¯æ˜¯éžçŸ¥ã£ã¦ãŠã„ã¦æ¬²ã—ã„機能ã€Event pages ã«ã¤ã„ã¦ã®è©±ã§ã™ã€‚ Event pages ã¯ã€ä½œæˆã—ãŸChromeæ‹¡å¼µã«ã‚ˆã£ã¦ã¯ã€å¿…ãšã—も使用ã§ãã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã‚‚ã—å¯èƒ½ãªã‚‰ç©æ¥µçš„ã«ä½¿ç”¨ã—ã¦ã»ã—ã„ã¨æ€ã„ã¾ã™ã€‚ å…¬å¼ãƒ‰ã‚ュメントã§ã‚‚ã€Background pages ã®ãƒšãƒ¼ã‚¸å†’é ã«ã¯ã€ä»¥ä¸‹ã®æ§˜ãªæ³¨æ„書ããŒãªã•ã‚Œã¦ã„ã¾ã™ã€‚ Caution: Consider using event pages instead. Learn more. via: Background Pages - Google Chrome ãªãœ Event pages ãªã®ã‹ ç†ç”±ã‚’詳ã—ã説明ã™ã‚‹ã¨ã€ Background pages を使用ã—ã¦ã„ã‚‹æ‹¡å¼µã¯ã€Chrome起動時ã«ãƒ—ãƒã‚»ã‚¹ãŒèµ·å‹•ã•ã‚Œã€ä»¥é™ChromeãŒçµ‚了ã™ã‚‹ã¾ã§ç”Ÿã続ã‘ã¾ã™ã€‚ よã£ã¦ã€ä¾‹ãˆ Backgroun
Page Visibility APIã§ç¾åœ¨ã®WEBページãŒé–‹ã„ã¦ã„ã‚‹ã‹ã©ã†ã‹ - ãªã‚“ã¡ã‚ƒã£ã¦ã‚¦ã‚§ãƒ–系エンジニアã®å‚™å¿˜éŒ²
Javascriptã®Page Visibility APIを使ã†ã“ã¨ã§ç¾åœ¨é–²è¦§ã—ã¦ã„ã‚‹WEBページ㌠開ã„ã¦ã„ã‚‹ã‹ã©ã†ã‹ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãる。 詳ã—ã„ã“ã¨ã¯ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆã‹ã‚‰å‚ç…§ Page Visibility API ã®ä½¿ç”¨ - Web developer guide | MDN 利用シーンã¨ã—ã¦ã¯ï½¥ï½¥ï½¥ ブラウザã®ã‚¿ãƒ–機能を利用ã—ã¦è¤‡æ•°ã®å‹•ç”»ã‚’å†ç”Ÿã€‚çµæžœçš„ã«ã‚µãƒ¼ãƒã«è² è·ãŒæŽ›ã‹ã‚Šã€ä»–ã®åˆ©ç”¨è€…ã«è¿·æƒ‘ã‹ã‘ã¦ã—ã¾ã†ã€‚ ç”»åƒã‚’é †æ¬¡è¡¨ç¤ºã—ã¦ã„るサイトã§ã€ãƒ¦ãƒ¼ã‚¶ãŒãƒšãƒ¼ã‚¸ã‚’見ã¦ã„ãªã„ã®ã«æ¬¡ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¸é€²ã‚€ã¹ãã§ã¯ãªã„も㮠ブラウザメールã§ã€é–‹ã„ã¦ã„る時ã«æ•°åˆ†æ¯Žãƒ¡ãƒ¼ãƒ«ã‚µãƒ¼ãƒã¸å•ã„åˆã‚ã›ã‚’è¡Œã„ã€æ–°ã—ã„メールをãƒã‚§ãƒƒã‚¯ã—ãŸã„ã¨ã 利用者ã‹ã‚‰è¦‹ãˆãªããªã£ã¦ã„る（離れã¦ã„る）間㯠ゲームをåœæ¢ã™ã‚‹ ãªã©ï½¥ï½¥ï½¥è‰²ã€…使ãˆãã†ã§ã™ã。 Page Visibility APIを利用ã™ã‚Œã°ã€Web ページãŒè¦‹ãˆã¦ã„ãªã„ã¨
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
try catch and ...release
{{#tags}}- {{label}}
{{/tags}}