解决webstorm调试js时Evaluate脚本获取dom属性丢失问题
来源:互联网 发布:豆瓣fm 网络异常 编辑:程序博客网 时间:2024/06/17 05:42
解决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属性丢失问题
- 解决WebStorm使用Chrome调试时无法连接的问题
- WebStorm Tomcat 调试 js
- webstorm js调试工具
- js获取Dom元素的属性样式
- webstorm调试脚本的方法
- 解决js动态改变dom元素属性后页面及时渲染问题
- 解决 js脚本乱码问题
- JS解决IEplaceholder属性问题
- 解决js获取不到 dom.style.left 类似的属性( currentStyle(IE),defaultView(FF) 样式值 )
- DOMCore.js javascript API ->DOM from webstorm
- DHTML.js javascript API ->DOM from webstorm
- 解决hal.dll丢失问题 调试方法启动XP
- 前端代码调试:Webstorm调试js
- 前端代码调试:Webstorm调试js
- js之DOM操作中获取属性方法
- Session丢失问题调试
- DOM获取属性节点
- 安装docker百度知道
- MatConvNet的function vl_compilenn(varargin)函数问题
- FTP服务器需要开几个端口
- 秩
- python实现MD5加密
- 解决webstorm调试js时Evaluate脚本获取dom属性丢失问题
- 铝电解电容和钽电容区别
- 利用Robots.txt优化你的WordPress站点
- 尝鲜系列之手把手教你汉化Ambari2.0.0
- 【miscellaneous】【ARM-Linux开发】ARM平台基于嵌入式Linux Gstreamer 使用
- windows下使用MinGW+msys编译ffmpeg
- 利用JavaCSV API来读写csv文件
- [生存志] 第58节 孔门十哲七十二贤
- c#中基本链表的实现