nwjs(node-webkit)修改网站javascript和css

时间:2015-07-06 07:14:42

标签: javascript node.js node-webkit

有没有办法修改网站javascript / css,就像我们使用Tampermonkey或Greasemonkey但在我的nwjs应用程序中一样?我制作了一个使用content_scripts部分的Chrome扩展程序,以便在加载某个网页时运行javascript,但我找不到使用nwjs在NodeJS中执行此操作的方法。

当最终用户加载某个页面时,我需要运行一些我写的内容,以便修改内容以匹配我的应用程序窗口和内容。

1 个答案:

答案 0 :(得分:1)

check.html

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Test</title>
  </head>
  <body>
    <iframe id="tgt" src="http://google.com/" style="position:fixed; left:0; right:0; width:100%; top:0; bottom:0;height:100%;" nwdisable nwfaketop>
    </iframe>
    <script src="check.js">
    </script>
  </body>
</html>

check.js

var tgt = document.getElementById('tgt');
tgt.addEventListener('load', function () {
    var dom = tgt.contentDocument,
        script = document.createElement('script');
    script.innerHTML = 'alert(window.location);'
    dom.body.appendChild(script);
}

main.js

// nothing in here for this test

的package.json

{
  "name": "Check",
  "main": "check.html",
  "node-main": "main.js",
  "window": {
    "width": 1440,
    "height": 900,
    "position": "center",
    "toolbar": true,
    "title": "Do things now ...",
    "resizable": true
  }
}

这成功地在google.com中注入并运行alert(window.location);