insertCss not working

Is it possible to call the insertCSS function of electron webView();? if so how do I do that? I tried

tab = tabGroup.addTab({
        title: 'Electron',
        src: path.join(appBase, '/views/main-frame/index.html')
        visible: true,
        active: true,
        webviewAttributes: {
          nodeintegration: true,
          plugins: true
        },
        ready: function (tab) {
          tab.webview.insertCSS("background-color:red;");
        }
    });

[brrd]

Sorry, this is my mistake! Please forget my previous post. Actually you were totally right with your first code, but as it’s specified in electron documentation (here):

The webview element must be loaded before using the methods.

So you must wait for the webview to be loaded before using insertCSS.

Another mistake is the parameter you use in insertCSS. It is supposed to be a valid CSS rule with a selector.

So this code should work finaly:

tab = tabGroup.addTab({
        title: 'Electron',
        src: path.join(appBase, '/views/main-frame/index.html')
        visible: true,
        active: true,
        webviewAttributes: {
          nodeintegration: true,
          plugins: true
        },
        ready: function (tab) {
	  var webview = tab.webview;
	  webview.addEventListener('did-finish-load', function () {
	    webview.insertCSS("body{ background-color: red;}");
	  });
        }
    });

Hope this helps.

[brrd]

By the way, I just wrote feature request #9 which can help to handle this in a more convenient way.