Chrome 拡張機能を React ãªã©ã§æ§‹æˆã•ã‚ŒãŸ SPA ã§å‹•ä½œã•ã›ã‚‹æ–¹æ³•ã¯ã˜ã‚ã«ã¨ã‚るページå‘ã‘ã«ä½œã£ã¦ã„ãŸæ‹¡å¼µæ©Ÿèƒ½ãŒä¸Šæ‰‹ã動作ã—ãªããªã£ãŸã®ã§ç¢ºèªã™ã‚‹ã¨ã€React.js を利用ã—㟠SPA ã«å¤‰æ›´ã•ã‚Œã¦ã„ãŸã€‚ リãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ã¡ã‚ƒã‚“ã¨å‹•ä½œã™ã‚‹ã®ã ãŒã€ã‚¯ãƒªãƒƒã‚¯ãªã©ã§ãƒšãƒ¼ã‚¸é·ç§»ã™ã‚‹ã¨æ‹¡å¼µæ©Ÿèƒ½ãŒå‹•ä½œã—ãªã„ã®ã§ã€å¯¾å¿œæ–¹æ³•ã«ã¤ã„ã¦èª¿ã¹ãŸã€‚ 続編: Chrome 拡張機能㧠background scripts ã‹ã‚‰ content scripts ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’é€ä¿¡ã™ã‚‹ TL;DR chrome.tabs.onUpdated.addListener ã§ãƒšãƒ¼ã‚¸é·ç§»ã‚’検知 chrome.tabs.executeScript 㧠JS を注入 DOM è¿½åŠ ã™ã‚‹ã‚ˆã†ãªå ´åˆã¯ã€è¿½åŠ ä½ç½®ã«ã‚ˆã£ã¦ã¯æ®‹å˜ã™ã‚‹ã®ã§é©å®œå‰Šé™¤ã™ã‚‹ 目次ã¯ã˜ã‚ã«TL;DR環境・æ¡ä»¶è©³ç´°chrome.tabs.onUpdated.addListener ã«ã¤ã„ã¦chrome.tabs.executeScrip
{{#tags}}- {{label}}
{{/tags}}