指的是通過DOM操作的方式向頁面注入的一種JS。 ``` { // 普通頁面能夠直接訪問的插件資源列表，如果不設置是無法直接訪問的 "web_accessible_resources": ["js/inject.js"], } ``` 因為`content-script`有一個很大的“缺陷”，也就是無法訪問頁面中的JS，雖然它可以操作DOM，但是DOM卻不能調用它，也就是無法在DOM中通過綁定事件的方式調用`content-script`中的代碼（包括直接寫`onclick`和`addEventListener`2種方式都不行），但是，“在頁面上添加一個按鈕并調用插件的擴展API”是一個很常見的需求，那該怎么辦呢？其實這就是本小節要講的。 在`content-script`中通過DOM方式向頁面注入`inject-script`代碼示例： ``` // 向頁面注入JS function injectCustomJs(jsPath) { jsPath = jsPath || 'js/inject.js'; var temp = document.createElement('script'); temp.setAttribute('type', 'text/javascript'); // 獲得的地址類似：chrome-extension://ihcokhadfjfchaeagdoclpnjdiokfakg/js/inject.js temp.src = chrome.extension.getURL(jsPath); temp.onload = function() { // 放在頁面不好看，執行完后移除掉 this.parentNode.removeChild(this); }; document.head.appendChild(temp); } ```