將自定義CSS添加到使用webview呈現的HTML頁面

我正在使用<webview>加載外部HTML文件的Chrome擴展。我試圖包含一些自定義的CSS。將自定義CSS添加到使用webview呈現的HTML頁面

<webview src="https://example.net/" style="width:1280px; height:720px" autosize="on" minwidth="1280" minheight="720"> 
</webview>

我試過使用<webview>.insertCSS - 無濟於事，不幸的是。

任何人都可以幫助我嗎？我在這裏做錯了什麼？

2014-10-16 A. Duprat

給它一個id，然後使用：

<webview src="https://example.net/" style="width:1280px; height:720px" autosize="on" minwidth="1280" minheight="720" id="MyWebView"></webview>

在JavaScript：

document.getElementById("MyWebView").insertCSS(myDetails, myCallback);

警告：JavaScript代碼必須調用後的網頁流量已經建立，所以在window.onload或webview標記後的HTML代碼中的腳本標記

編輯：insertCSS功能允許添加一個CSS文件或CSS代碼：https://developer.chrome.com/apps/tags/webview#type-InjectDetails

2014-10-16 17:10:03

非常感謝，但如果我想包括一些CSS代碼或本地文件？ .insertCSS（'/ path/style.css'）？ – 2014-10-16 17:12:06

您可以插入真正的CSS代碼或文件。查看InjectDetails的定義：https：//developer.chrome.com/apps/tags/webview#type-InjectDetails這是你的問題的答案。 – 2014-10-16 17:13:18

非常感謝。 – 2014-10-16 17:24:21

回答