$和$$ $(selector)是原生 document.querySelector() 的封装。 $$(selector)返回的是所有满足选择条件的元素的一个集合,是 document.querySelectorAll() 的封装 $x 将所匹配的节点放在一个数组里返回 <ul> <ul> <li><p>li 下的 p1</p></li> <li><p>li 下的 p2</p></li> <li><p>li 下...
$(selector)是原生 document.querySelector() 的封装。 $$(selector)返回的是所有满足选择条件的元素的一个集合,是 document.querySelectorAll() 的封装 $x 将所匹配的节点放在一个数组里返回 代码语言:javascript 复制 <ul><ul><li><p>li 下的 p1</p></li><li><p>li 下的 p2</p></li><li><...
本想在本篇博文就将Chrome讲完的,但写到这,感觉篇幅比较长了,经过认真考虑,还是分为两篇博文来写。 本篇博文主要写了Chrome DevTool 前三面板:Elements,Console和Sources,在接下来的另一篇博文中,将接着写剩下的部分:Network,Timeline,Profiles,Application,Security,Audits面板。 当然了,我写博客的目的,不仅仅是为...
DevTools控制台支持一些变量和函数来选择DOM元素: $()–document.querySelector()的简写,返回第一个和css选择器匹配的元素。例如$(‘div’)返回这个页面中第一个div元素 $$()–document.querySelectorAll()的简写,返回一个和css选择器匹配的元素数组。 $0-$4–依次返回五个最近你在元素面板选择过的DOM元素的历...
$$() :返回与指定的CSS选择器相匹配的所有元素的数组,等同于document.querySelectorAll() $x() :返回与指定的XPath相匹配的所有元素的数组 Source面板 可以在这个面板里面调试JS代码,一般都是用来debug用的,如果不熟悉开发代码的话感觉是比较难debug的,也可以在工作区打开本地文件。
$$()–document.querySelectorAll()的简写,返回一个和css选择器匹配的元素数组。$0-$4–依次返回五个最近你在元素面板选择过的DOM元素的历史记录,$0是最新的记录,以此类推。 想要了解更多控制台命令,戳这里:Command Line API 五、使用多个插入符进行选择 当编辑一个文件的时候,你可以按住Ctrl(cmd for mac),在...
inspect($('selector'))将监视被匹配的元素,这个元素会被列在Chrome Developer Tool是的Elements标签栏。例如inspect($('#firstName'))将监视ID为'firstName'的元素;inspect($('a'[3]))将监视DOM中第4个<a>元素 1, 0返回最后一个被监视的元素,而$1返回倒数第二个。
严谨的说有些网站会比其他网站容易一些，以Macys.com为例，他们所有的产品页面都以JSON-LD形式的产品数据显示在DOM中。可以说到它们的任何一个产品页面然后运行。JSON.parse(document . queryselector(" # productSEOData "). innertext)将得到一个可以插入MongoDB很好的数据对象，没有真正抓取的必要!
更多快捷键: 在 chrome developer tool 中按 ? 查看帮助 8. command line api $(id_selector) 这个与页面是否有 jQuery 无关 $$(css_selector) 0,0,1,2,2,3, $4 Elements 面板中最近选中的 5 个元素, 最后选择的是 $0 这个5 个变量时先进先出的 ...
查找面板中的内容 elements,console,sources和network面板中的内容都支持crtl + f来进行查找。 elements面板可以通过 string,selector和Xpath来查找。 而console,sources和network面板则可通过区分大小写,或者正则表达式来查找。