如何从 Chrome 远程调试中获取 DOM答案

【问题标题】：How do I get DOM from Chrome Remote Debugging如何从 Chrome 远程调试中获取 DOM
【发布时间】：2015-06-18 09:51:12
【问题描述】：

我一直在尝试使用 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

【问题讨论】：

标签： javascript node.js google-chrome google-chrome-devtools

【解决方案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)
})

【讨论】：