How to apply css to the electron webview

How do I embed a web page into an electron and assign my own style to it?

2022-09-30 21:13

1 Answers

A method is provided.

http://electron.atom.io/docs/v0.36.8/api/web-view-tag/ #webviewinsertcssssss

In javascript running in an HTML file embedded with WebView, you can retrieve the WebView DOM object and use the above methods.

<html>
  <body>
    <webview id="webview" src="~~"/>
    <script>
      var webview= document.getElementById('webview');
      webview.insertCSS("~~");
    </script>
  </body>
</html>

Also, even if you specify BrowserWindow directly with loadURL, you can do the same with the webContents that BrowserWindow has.

var win=new BrowserWindow (width:800, height:600);
win.loadURL("~~");
win.webContents.insertCSS("~~");

2022-09-30 21:13

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656