Question

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

这可能吗？它被证明很难发现。谢谢！

Answer 1

我假设你正在运行最新的电子版，所以基于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();");

但在这两种情况下，我建议您阅读文件内容并将其作为函数参数传递，或使用webview将您的文件附加到executeJavascriptCode。请查看以下示例：

// 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 + '">\');');

希望它有所帮助。

祝你好运！

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

1 个答案: