有没有可能改变webview内容的样式？

我想在我的电子应用程序中加载一个webview ，然后调整对象内容的样式。 无论是由JS或CSS是无关紧要的，我只是想能够.hide()或visibility: none在webview visibility: none元素。

这可能吗？ 事实certificate很难发现。 谢谢！

Answer 1

我假设你正在运行最新的电子版本，所以基于webview 文档，我想你可以试试这个：

插入CSS

 //Append CSS code do page var myWebview = ;// your webview definition myWebview.insertCSS("body{background:#000}"); 

或者你可以使用executeJavascriptCode运行一个JavaScript代码

 var myWebview = ;// your webview definition myWebview.executeJavaScript("$('.mySelector').hide();"); 

但在这两种情况下，我build议你阅读文件内容，并将其作为函数parameter passing或使用executeJavascriptCode将您的文件附加到您的webview 。 检查下面的例子：

 // appending javascript code var scriptPath = __dirname + '/path/to/script.js'; var myWebview = ;// your webview definition myWebview.executeJavaScript('document.write(\'<script src="' + scriptPath + '"></script>\');'); // appending CSS code var cssPath = __dirname + '/path/to/stylesheet.js'; var myWebview = ;// your webview definition myWebview.executeJavaScript('document.write(\'<link rel="stylesheet" type="text/css" href="' + cssPath + '">\');'); 

希望能帮助到你。

祝你好运！