暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

浏览器F12控制台

泽。 2024-09-15
549

按住CTRL + F 会弹出定位输入框

通过xpath定位

$x(’//*[@id=“s_tab”]//a[last()-1]’) # s_tab下倒数第二个a元素

$x(’//*[@id=“su”]/a’) # suid下的a元素

通过css定位

$(’#ID’) # 通过id定位

$(’[name=NAME]’) # 通过name定位

$(’#s_tb b’) # s_tb下的元素b

$(’#u a:nth-child(2)’) # a的父元素下的第2个元素

$(’[class=“s_tab_inner s_tab_inner_81iSw”] a:nth-child(3)’) # 选取具有特定类名(s_tab_inner 和 s_tab_inner_81iSw)的元素内部的第三个标签

查找 HTML 元素

通过id:document.getElementById(“su”)
通过标签名:document.getElementsByTagName(“span”)
通过类名:document.getElementsByClassName(“btn”)

改变HTML

内容:document.getElementById(“su”).innerHTML= “aaaaaa”
属性:document.getElementById(“su”).value=“aaaaaaa”

读取Cookie

读取:document.cookie

查看外部js脚本

Elements(元素) -->右键.js文件 -->Reveal in Sources panel(在源面板中显示)

控制台输出显示数据

Console(控制台) -->弹出警告框: window.alert(“xxxx”)
–> 将内容写到HTML文档中: document.write(“xxxx”)
–>写入到浏览器的控制台: console.log(“xxx”)
function myFunction(a,b){return a*b;}
myFunction(2,2)

获取浏览器窗口尺寸

window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
window.innerWidth - 浏览器窗口的内部宽度(包括滚动条
打开新窗口: window.open()
关闭当前窗口: window.close()

用户屏幕

可用的屏幕宽度:screen.availWidth
可用的屏幕高度: screen.availHeight

当前页面的地址

返回web 主机的域名: location.hostname
返回当前页面的路径和文件名: location.pathname
返回所使用的 web 协议: location.protocol

浏览的历史

与在浏览器点击后退按钮相同: history.back()
与在浏览器中点击向前按钮相同: history.forward()

控制台清屏

控制台中输入:clear()

下拉窗口冻结

setTimeout(function(){debugger},3000) # 冻结3秒

最后修改时间:2024-09-15 19:56:20
「喜欢这篇文章,您的关注和赞赏是给作者最好的鼓励」
关注作者
【版权声明】本文为墨天轮用户原创内容,转载时必须标注文章的来源(墨天轮),文章链接,文章作者等基本信息,否则作者和墨天轮有权追究责任。如果您发现墨天轮中有涉嫌抄袭或者侵权的内容,欢迎发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

文章被以下合辑收录

评论