

electronにウェブページを埋め込み、そこへ独自のスタイルを割り当てるにはどうしたらよいのでしょうか。


CC BY-SA 3.0
2016-02-04T06:30:53.417
21693
2016-04-10T17:15:24.150
9149
question
electron
electronのwebviewにcssを当てる方法


メソッドが用意されています。

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

WebViewを埋め込んだHTMLファイル内で実行されるjavascript内で、WebViewのDOMオブジェクトを取得し、上記のメソッドを利用すれば良いでしょう。

[code]

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

また、BrowserWindowに直接`loadURL`で指定した場合でも、BrowserWindowが持っているwebContentsを利用すれば同様の処理が可能です。

[code]

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


CC BY-SA 3.0
2016-03-11T16:46:38.910
23031
2016-03-11T16:46:38.910
7655
21693
answer