解决webstorm调试js时Evaluate脚本获取dom属性丢失问题

解决webstorm调试js时Evaluate脚本获取dom属性丢失问题,百思不得其解,最后找到,原因出在webstorm调用chrome调试接口时设置了一个"ownProperties":true,设置为false即可这需要修改chrome调试插件源代码修改成这样就可以,原生dom属性又回来了,付截图

原来调试的时候看到的是这样

chrome的f12调试是这样

使用我修改后的chrome插件后是这样,是不是原生属性又回来了,原因就是这段代码

  function $f5(command, dom, tabId, done) {_.com_jetbrains_browserConnection_chrome.LOG.debug(["DCmyTestFixed " + command.method]);if(command.params!=null&command.method=="Runtime.getProperties") {if (command.params.hasOwnProperty("ownProperties")) {command.params["ownProperties"] = false;}}chrome.debugger.sendCommand(dom.debuggee, command.method, command.params, $f4.bind(this, tabId, command, done));}

调用的过程测试语句是chrome.debugger.sendCommand({tabId:35},"Runtime.getProperties",{"objectId":"{\"injectedScriptId\":1,\"id\":6}","ownProperties":false,"accessorPropertiesOnly":true},function(err, result) {console.log(err, result );})

这之前需要调用 chrome.debugger.sendCommand(14,"Runtime.evaluate",{"expression":"$(\"#myFlowProcedure\")","objectGroup":"ce","doNotPauseOnExceptionsAndMuteConsole":true},function(e){
alert(e);
})
chrome.debugger.sendCommand({tabId:35},"Runtime.evaluate",{"expression":"$('#myFlowProcedure')", returnByValue: true,generatePreview: true },function(err, result) {console.log(err, result );})
chrome.debugger.sendCommand({tabId:35},"Runtime.evaluate",{"expression":"document.getElementsByTagName('div')[0]", returnByValue: true,"ownProperties":false },function(err, result) {console.log(err, result );})
chrome.debugger.sendCommand({tabId:35},"DOM.querySelector",{"nodeId":1,"selector:":"*"},function(err, result) {console.log(err, result );})

然后多试几次就可以找到这个原因,付成品下载,使用方法chrome://extensions/加载已解压的扩展程序,选择目录即可

解决webstorm调试js时Evaluate脚本获取dom属性丢失问题相关推荐

在typescript中获取dom属性的方法
在js中获取dom节点的属性可以使用document.getElementById('id')等方法获取dom节点,之后就可以直接获取该节点的属性,如: // 获取id节点的checked属性,tru ...
前端代码调试：Webstorm调试js
[前言] 目前前端开发JavaScript的debug一般都是用chrome和firefox的开发者工具进行调试,浏览器工具使用不方便,webstorm支持了在代码上打断点,在编辑器里debug js ...
CORS跨域时axios无法获取服务器自定义的header信息 - 番外篇
已解决CORS跨域时axios无法获取服务器自定义的header信息?! 先看代码: // 登录后的表单提交ajaxRegisterApi: function (form) { var key = l ...
原生js获取html元素属性,JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性）...
JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性二.设置元素的属性三.删除元素的属性一.获取元素的属性 1-原生JS 获取属性 .ge ...
html网页点击按钮闪现怎么解决,解决使用Vue.js显示数据的时,页面闪现原始代码的问题...
今天开始学习Vue.js的使用,但是在学习过程中发现一个问题,那就是页面加载数据时,原始代码会闪现一下.查访各方资料,终的解决方法. 第一步.加入一段css代码 [v-cloak] { display ...
解决oninput在输入中文时，会获取拼音的问题
解决oninput在输入中文时,会获取拼音的问题参考文章: (1)解决oninput在输入中文时,会获取拼音的问题 (2)https://www.cnblogs.com/sas1231/p/1047 ...
VS2010附加进程调试DLL时断点无法断下的解决方法
系统版本:Win10 x64 1809 VS版本:VS2017 企业版问题一在动态链接库(DLL)附加到进程调试时,用VS2017附加后单步调试,结果发现总是在调试过程中卡死,VS2017无响应: ...
解决了.Net 2003“试图调试项目时发生错误”的问题
经过是这样的.我从装了机器,刚上网下载一个RAR就中病毒了,是"网址之家" 病毒,篡改首页.后来看了一个帖子,说把iexplorer.exe该命,然后刷新几次,系统会自动建立一个新 ...
Google Chrome调试js代码
你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~, ...

解决webstorm调试js时Evaluate脚本获取dom属性丢失问题

解决webstorm调试js时Evaluate脚本获取dom属性丢失问题相关推荐

最新文章

热门文章