javascript - 如何从 Chrome 远程调试获取 DOM

Question

我一直在尝试使用 chrome-remote-interface 通过 Chrome 远程调试获取 DOM 对象，但没有成功(代码在 node.js 中)

var Chrome = require('chrome-remote-interface')

Chrome(function (chrome) {
  chrome.on('Page.loadEventFired', function(evt) {
    console.log('load event fired')
    chrome.DOM.getDocument(null, function(resp) {
      console.log('DOM DOC')
      console.log(resp)   
    })
    chrome.DOM.getOuterHTML({}, function(resp) {
      console.log('outerhtml')
      console.log(resp)
    })
  })
  chrome.Debugger.enable()
  chrome.DOM.enable()
  chrome.Network.enable()
  chrome.Page.enable()
  chrome.Page.navigate({'url': 'https://github.com'})    
}).on('error', function () {
  console.error('Cannot connect to Chrome')
})

运行文件时我得到了这些输出

load event fired
DOM DOC
false
outerhtml
true

Answer 1

原来是错误的回调处理程序，第一个参数是错误而不是响应。呸!

chrome.DOM.getDocument(null, function(err, resp) {
  console.log('DOM DOC')
  console.log(err)
  console.log(resp)

  // chrome.close()
})
chrome.DOM.getOuterHTML({}, function(err, resp) {
  console.log('outerhtml')
  console.log(err)
  console.log(resp)
})