其他
一键打开浏览器「上帝模式」,你也许不知道的 5 个实用小技巧
快捷键:Ctrl + Shift + I 快捷键(macOS):Command + Option + I 右键菜单 - 检查 菜单栏 - 更多工具 - 开发者工具
网页的本质是一些用 HTML(超文本标记语言)编写的文本文件。
<body>
<header>
<h1>这是一个标题</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">产品</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<section id="content">
<article>
<h2>文章标题</h2>
<p>这是一段文章内容。</p>
<figure>
<img style="width: 30px;" src="image.jpg" alt="图片描述">
<figcaption>图片标题</figcaption>
</figure>
<table border="1">
<tr>
<th>表头 1</th>
<th>表头 2</th>
<th>表头 3</th>
</tr>
<tr>
<td>单元格 1</td>
<td>单元格 2</td>
<td>单元格 3</td>
</tr>
</article>
</section>
</body>
</html>
DOM 是文档对象模型(Document Object Model)的缩写,它是一种用于表示和操作 HTML、XML 等文档结构的编程接口。在浏览器中,每个加载的网页都会被解析成一个 DOM 树,通过 DOM 可以对这个树状结构进行访问和操作,使用 JavaScript 等脚本语言可以动态地改变网页的内容、结构和样式。
Console 是一个简易的 REPL(Read-Eval-Print Loop,一种交互式编程环境),可以在控制台中运行 JavaScript,与正在检查的网页进行交互。
var titles = [];
for (var i = 0; i < elements.length; i++) {
var titleElement = elements[i].querySelector(".title.text_ellipsis2");
if (titleElement) {
var title = titleElement.textContent.trim().replace(/\s+/g, " ");
titles.push(title);
}
}
console.log(titles.join("\n"));
<div data-v-2bcec2ec="" class="title text_ellipsis2"> 放轻松 | 不再追逐快乐,允许自己悲伤,以及我的思考 </div>
</a><!---->
<div data-v-2bcec2ec="" class="mobile_card"><a data-v-2bcec2ec="" href="/fwc/post/85462" target="_blank">
<div data-v-2bcec2ec="" class="title text_ellipsis2"> 放轻松 | 不再追逐快乐,允许自己悲伤,以及我的思考 </div>
</a></div>
</div>
var question = paperWrap.querySelector(".singleR").textContent.trim();
var options = Array.from(paperWrap.querySelectorAll(".answerContentList label"));
var options = options.map(function(option) {
return option.textContent.trim();
});
var result = question + "\n\n" + options.join("\n");
console.log(result);
使用 Snipaste 之类的截图工具 使用 QQ、微信的截图功能 使用 Windows 自带的快捷键 Prtsc 按键
Capture area screenshot
Capture full size screenshot
Capture node screenshot
Capture screenshot
Network 用于监控和分析浏览器与服务器之间的网络请求和响应。它可以显示资源请求的详细信息、性能数据,帮助开发者调试错误、优化网页加载速度,并模拟不同网络条件进行测试。
Font - 网站中使用的字体样式 Img - 网站中使用的图片 Media - 网站中使用的媒体资源