javascript - 是否可以更改 webview 内容的样式？

Question

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

这可能吗？事实证明很难发现。谢谢!

Answer 1

我假设你运行的是最新的 Electron 版本，所以基于 webview documentation我猜你可以试试这个:

插入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();");

但在这两种情况下，我建议您读取文件内容并将其作为函数参数传递，或者使用 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 + '">\');');

希望对您有所帮助。

祝你好运!