Question

我想让zombie.js激活一个使用javascript的链接。我正在测试它的页面是：

 <html>
  <body>
  <div id="test123">
  START_TEXT
  </div>
  <a href="javascript:go()">GO</a><br/>
  <script type="text/javascript">
  go = function() {
  var el = document.getElementById("test123");
  el.innerHTML = "CHANGED";
  }
  </script>
  </body>
  </html>

我使用的脚本是：

var zombie = require("zombie");
var browser = new zombie.Browser;

browser.visit( "http://localhost:8000/testpage.html",
        function() {
                browser.clickLink("GO", function(e, browser, status) {
                        var temp = browser.text("div#test123");
                        console.log("content:", temp);
                  });
});

我收到错误消息：

node.js:201
        throw e; // process.nextTick error, or 'error' event on first tick
              ^
Error: Cannot load resource: javascript:go()
    at History._resource (/home/julian/temp/node_modules/zombie/lib/zombie/history.coffee:75:15)
    at History._pageChanged (/home/julian/temp/node_modules/zombie/lib/zombie/history.coffee:60:21)
    at History._assign (/home/julian/temp/node_modules/zombie/lib/zombie/history.coffee:213:19)
    at Object.location (/home/julian/temp/node_modules/zombie/lib/zombie/history.coffee:51:24)
    at Object.click (/home/julian/temp/node_modules/zombie/lib/zombie/jsdom_patches.coffee:31:59)
    at Object.dispatchEvent (/home/julian/temp/node_modules/zombie/node_modules/jsdom/lib/jsdom/level2/html.js:480:47)
    at /home/julian/temp/node_modules/zombie/lib/zombie/eventloop.coffee:130:16
    at EventLoop.perform (/home/julian/temp/node_modules/zombie/lib/zombie/eventloop.coffee:121:7)
    at EventLoop.dispatch (/home/julian/temp/node_modules/zombie/lib/zombie/eventloop.coffee:129:19)
    at Browser.dispatchEvent (/home/julian/temp/node_modules/zombie/lib/zombie/browser.coffee:220:30)

当我使用

时

browser.evaluate("go()")

它有效。我错过了什么？

Answer 1

Zombie.js不会在href上处理带有“javascript：”的链接（在撰写本文时）。

我通过在源代码中添加3行来修复它。查找/node_modules/zombie/lib/zombie/history.coffee并添加用FIX注释的3行（请注意，在.coffee中你必须尊重缩进，即使用2个空格）：

# Location uses this to move to a new URL.
_assign: (url)->
  url = @_resolve(url)

  # FIX: support for javascript: protocol href
  if url.indexOf("javascript:")==0
    @_browser.evaluate(url.substr("javascript:".length))
    return

  was = @_stack[@_index]?.url # before we destroy stack
  @_stack = @_stack[0..@_index]
  @_stack[++@_index] = new Entry(this, url)
  @_pageChanged was

我可能应该在github.com上分叉zombie.js并将其放入Pull请求中，但在此之前，欢迎您使用此代码段，或在我之前提出拉取请求。

Answer 2

好吧，它似乎不理解javascript:code hrefs。也许你可以获取网址，删除javascript：-section并评估它？

免责声明：我自己还没有使用过zombie.js.

Answer 3

zombie.js API表示它需要CSS选择器或链接文本作为browser.clickLink()的第一个参数。所以你的代码应该可以工作。

但是，如果您可以控制页面并使用CSS选择器

，请尝试在链接中添加ID

browser.clickLink('#thelink', function(e, browser, status) {
  var temp = browser.text("div#test123");
  console.log("content:", temp);
});

如何使用zombie.js激活javascript链接

3 个答案: