Можно ли изменить стиль содержимого веб-представления?

Question

Я хочу загрузить webview в мое приложение electron, а затем отрегулировать стиль содержимого объекта. Является ли 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

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

Надеюсь, это поможет.

Удачи вам!