浏览器控制台怎么输入xpth找到页面元素

上期讲了新官网如何下载驱动，本期教大家在新官网下载并安装控制台，进入浏览器，依旧输入三 w 点 m e c h r e v o 点 com 回车进入新官网，找到服务支持点驱动下载 最左侧的大类，找到应用软件，这里能下载电竞控制台系统镜像音效软件。我们点击控制台产品，正蓝下拉 控制台，二零二六便是机格，最新版控制台暂时仅适配新上市的二六款新机型，一零到五零系控制台则去根据显卡型号去选择，这里注意一下，特殊机型的控制台是根据机型具体的型号去选择。安装控制台首先要确认显卡型号， 右击开始菜单，图标选择设备管理器下滑，选择显示适配器观察前缀为 rtx 四零就属于四零系显卡。然后回到官网选四零系控制台， 双显三模，就是既可以独显直连，也可以 cpu 核显，还支持混合输出。此时点击下载，等待其下载完成，然后打开其所在位置，解压到当前文件夹提取， 然后打开解压的文件夹，选择 control center 应用程序，运行弹出的界面，点 install 之后等待前安装会安装几分钟，安好后会弹出该界面，选 yes 便会马上重启电脑，选 no 可以 保存进程，之后自行重起点 finish 保存好所需进程，手动重启后控制台就生效了。

前面了解了微博网页基础，接下来咱们把视角抬高一点，来看一下浏览器的页面加载流程。当你在浏览器地址栏输入 url， 按下回车那一刻，到底发生了什么？这里我准备了一个简单的页面，我们用它来分析浏览器是怎么加载页面的。 先把这个停用缓存勾上，避免缓存影响观察。当我们在浏览器地址栏输入 url， 按下回车之后，浏览器首先会补全 url 地址，比如没有加协议，它会自动加上协议名， 接着他会对地址中 facebook 支付进行 url 编码。前面讲 url 的 时候也说过了， url 处理好之后才会发送请求，这里发送的是 get 请求，服务器收到 get 请求之后，就会给浏览器一个响应，至于具体响应什么内容， 这要看服务器怎么写的。一般我们在地址栏输入的 url 都是请求的 html 文档，选中这个请求，在响应里就可以查看 html 文档的源码，也可以在这里预览。但你会发现这里面是没有任何样式的图片，也没有显示，因为这是第一次请求 只拿到了 html， 还没有加载其他资源，这和我们在页面上右键显示网页源代码看到的内容是一样的，只是纯粹的 html 文档。 而在这个元素界面的内容就不同了，这是浏览器运行完 gs 之后实时渲染出来的结果，比如你用 gs 动态侦杀的节点元素里面就会反映出来，比如我们点击这个箭头，选中标题，这样就能快速定位相应的元素。现在你会看到旁边会出现一个 domino， 这是浏览器为了方便我们调试准备的小工具，现在打开控制台，这里可以写 gs 代码来修改元素和样式，我们就可以用 domino 来表示刚刚选中的元素，比如我把它的内容改一下， 没问题吧？元素里面也更新了，但源代码里面肯定不是这个内容，对吧？来右键显示网页源代码，它还是原来的内容，或者网络请求，这里也可以看， 还是原来的标题，所以元素界面的内容是实时的。我们这里拿到的 excel 文档，这是服务器响应过来的，这里面的内容只能做参考，不能完全依赖它来定位数据。浏览器拿到 excel 文档之后， 他并不知道这是 html 文档，不是说你访问的资源后缀是 html， 浏览器就把它当做 html， 他 是不会看后缀的，他只会看响应头里面的 content type， 这里面写的类型是 html， 浏览器才会把响应的内容作为 html 来解析。解析之前，浏览器会先清空当前页面， 因为当前页面可能在新标签页，或者在其他页面，比如百度，我们输入地址，拿到 excel 文档之后，百度这个页面就被丢弃了，然后开始解析新页面，一行一行往下解析，当解析到另一个元素的时候，发现这里引用了一个样式文件，这个路径我们叫相对路径， 当然相对路径还有一种写法，前面加点杠，这两种写法都表示相对路径，一定要注意，相对路径相对的是 url 地址，我们请求的是这个地址，所以相对的就是它，或者说这个 url 地址的当前目录就是这一段， 所以最终就会拼接成这样一个完整的 url。 相对路径是无法发出请求的，必须是完整路径才能发请求，所以获取 css 请求的就是这个地址。来看下一个请求请求的 url 就是 这个地址，这个我们叫绝对路径。 绝对路径是可以简写的，它可以省略协议，如果省略协议转成完整路径之后，协议就会使用页面协议，最终还是这个 url， 然后还可以省略协议主机端口，这个也叫绝对路径，注意它和相对路径有点区别， 相对路径是没有杠开头，或者点杠绝对路径直接是杠开头。绝对路径就和页面的 pass 无关了，不管当前在哪个路径下，它都在这里，最终请求的时候会补齐协议主机端口请求的还是这个完整路径。 ok， 现在我们到了这一步，发现了另一个元素，就会请求这个 url， 拿到响应，浏览器通过响应头里面的 content type 发现它是一个 css， 于是就开始解析 css， 把样式应用进去，然后继续往下解析。 html 解析到这儿发现有一个英妹级元素， 这也是一个相对路径，于是把它解析成绝对路径请求这个图片，所以下一个请求就是请求这个图片 url 依然是完整的，这是一个 svg 图片，可以点这里预览。然后继续往后解析， 发现这里有一个 a 元素， a 元素是不会自动发出请求的，它需要用户点击之后才会发出请求，所以继续往后解析，发现有一个 script 元素引用了一个 gs 文件，于是继续发请求，获取 gs 代码， 依然是完整的 u 二 l。 拿到数据之后，浏览器通过 control 的 type 发现它是 gs 代码，于是立刻启动 gs 引擎执行 gs 代码，这里面创建了一个 a 元素，插到了容器里面，所以 gs 代码执行之后， 页面上就会多一个 a 元素，可以来元素界面看一下没问题吧？但网页原代码里面是没有这个 a 元素的，所以以后你发现页面上有数据，但网页原代码里没有数据，就说明数据是通过 gs 生成的，可能是 gs 直接生成，也可能是 gs 代码又单独发了网络请求，通过相关接口拿到数据， 数据斜死在页面。源代码里的网页我们称之为静态页面，而通过 gs 生成的我们称之为动态页面。 ok， 仔细完 gs 代码之后，继续解析题目文档，直到页面全部加载完成，这时候页面就呈现在用户面前了。如果用户点击了某一个 a 元素，就又会回到第一步，重新开始流程， 我们可以来点一下超链接，这个保留日期可以把它勾上，点击 a 元素，它会接着请求新的页面， 前面的日子会保留，我们再回去取消保留日子，刷新一下，再来点 之前的日子就没了，这又是一个新的页面，于是又重新走流程。这个页面引用的资源比较多，所以发的请求也很多，我们可以通过这里的类型筛选，过滤出想要找的资源。 ok， 关于浏览器页面处理流程，我们就讲到这里。最后我们再提一下源代码，这个界面页面上用到的所有资源都可以在这里面看到， css、 图片、 gs， html 全都在这里。这个界面后期我们讲逆向的时候会经常用到。

机械革命最近推出了全新的控制台，还有小伙伴不知道怎么安装吗？今天就手把手教会你。首先电脑里原有的控制台不用管，直接打开浏览器搜索机械革命官网，通常第一个结果就是 点进去进入官网首页，接着找到服务支持，点击后会看到驱动下载选项，继续点击进入，在页面左侧找到应用软件，点开后选择控制台，然后滑动到页面最底部，点击右下角切换到第二页，再滑到底就能看到最新版本控制台。二零二六，点击下载完成后解压文件， 双击进入文件夹，再双击自动安装程序，它会自动覆盖掉旧版本， 等安装完成后选择重启电脑开机后全新的控制台就安装成功了。大家觉得新版本控制台怎么样？欢迎在评论区说说你的看法。

大家好，这是 javascript 的第三个视频，这一讲主要讲解的是浏览器的控制台，也叫 ctrl， ctrl 这个单词就是控制台的意思，也就是说所有的浏览器都有控制台，但是对于如果不是设计者的时候，那么我们关注的是什么？这个网页整个展示的效果，如果你是一个设计者，那么你一定要关注浏览器的控制台， 特别是在开发的过程中，如果有错误，有等等内容，那么控制台的作用就是你在加载浏览器，在加载信息的时候都会体现在控制台， 爆拓也会在控制台。那么首先第一件事情我们要按我们的顺序呢，是要打开控制台，打开控制台非常简单，当我们打开网 以后，在网页的任意位置，单击右键底部有一个检查，检查啊，直接点击以后弹出的这块内容，下边这部分内容就是控制台，他主要就是为设计者考虑的，也就我们设计者要来调试这块内容，考虑到很多同学呢，就说 没有做过项目，实战控制还不熟悉，我作为零基础两家两个视频来讲解，这个视频主要讲解的是 css 和 htm 来调试， 那么它的前边有两块内容，第一个是箭头，第二块内容各位同学看好啊，第三块是元素，我把这内容呢放大一点， 那么这个箭头啊，就说可以指向，当我们选中以后，它的颜色呢变为是绿，呃，蓝色，我们直接可以移到任意一个标签上面。各位同学看好，现在有三个部分啊，哪三个部分是联动的？ 各位同学看好。当我点击到任意一个标签或者是标题的时候，我们的底部啊，是跟着对应的改变了， 当我们在点击我们对应标签的时候，它的右侧就是 c s s， 就沉淀样式表，也就是三个联动。第一，我们拿这个箭头指向标签，它对应底部就会出来对应代码，这个代码呢，在右侧就出来 c s s 啊。来各位同学老师现在操作一下， 比如我现在要想改变这个文字的颜色啊，是哪一个颜色呢？我们首先来改标题的颜色，我们第一件事情是点击这块内容，各位同学，使它变成蓝色，再点击标题，那对应这块内容，我们就知道是标题了 啊。各位朋友，如果你没有采用这个箭头去指向的话，也就是上面第一个箭头，那么呢，你是不知道他是 h e 的，那么知道 h e 的时候啊，我们现在就可以找到 h e 这块内容了。各位同学，是 h e， 如果找到 h e， 那么这块内容我们到代码当中来，各位同学可以看到 h e， 那我们这边呢，可以给他添加一个什么标题 h e， 然后来个大括号，来个 call， 等于 read。 那各位同学来，我现在把它改为 grip 绿色。各位同学，我们刷新一下啊， 老师写错了，因为是上面是 h 一，下面我写成 h 三了，现在改为一啊，改为对应的一，保存， 我们到浏览器控制台看一看，那么他对应就什么是一种绿色了。如果我们比如现在没有想改变段落的颜色，我直接再次点击这块内容，再次点击其中的段落，那么他 右侧就会出现段落的颜色。目前的背景色啊，各位同学一定要注意了，先点击上面这块内容，再来点击对应的标签，他的右侧就会出来。那么现在呢？我们现在要改变他的背景色，各位同学看好，我在移动的时候他背景色是改变的，那比如现在这块颜色我看中了，我想把这块颜色，我把它改为一种粉红色啊， 哎，不可以，粉红色太亮了啊，改为黄色，那我现在可以把这颜色的值然后复制过来。要换到什么位置呢？ 各位同学，我们再点一下 p 标签，它对应的位置啊，看的非常清晰，也就是主页的第二十五行，各位同学看好主页的第二十五行， 那么到主页的第二十五行是这块内容，那么现在要直接第二十五行啊，直接保存，他有可能上下会悬出下， 相差那么一两哈，你看现在的背景颜色被改变了吧， ok 啊，那么我们再讲第二块内容，也就是说第二个按钮是一个电脑端和手机端对应的图标啊，各位同学就说我们点击时候他可以切换成电脑的屏幕， 呃，手机端的屏幕和电脑端的屏幕切换来，各位同学，你现在看到的是手机端的屏幕啊，我们让他显示百分百，那各位同学，你看是不是手机端的再一次的点击就可以切换成电脑端。 那么现在讲了这两块内容，我们来讲最后一块内容，就是这个控制台啊，他是可以调整的，比如说我们现在把它关闭，再次打开控制台，他默认他不一定在底部，在他的 右侧这个地方有个有一个什么，各位同学看好了，有一块这块内容三个点啊，是竖起来的点，那么你点击的时候啊，他会有一块塑料桶， 各位同学看好，也就说我们的控制台可以停放到四个不同对应的位置，根据你电脑的版面或者屏幕的需要，那么比如说我现在把它放到右边，那么我们现在的控制台就放在哪边呢？是右边这块内容， 各位同学看好啊，右右边这块内容，那么我也可以点击一下，把它放回电脑的界面，对吧？手机端，电脑端，手机端，各位同学看好。 那么这块内容我们点击展开，比如我们现在点击是电脑端，当我们再拿出第一个内容来选择的时候，选择对应标签，那么我们这块内容啊，也就是可以看到一个对应的标签，同时我们在它的底部还有一个 css 样式， 也可以再一次的改变它其中的样式，各位同学看一看，那么这个视频啊，主要讲解到这里边就是控制台的，控制台的打开啊， 摆放和控制台的，通过上面前面的两个操作，一个是选择对应的标签，然后放在上面可以看到对应的标签，通过对应的标签，我们再找到对应的代码来修改对应的样式表 三块内容，各位同学想看一下，首先控制他要来点击啊，通过这个地方来选择对应的标签，然后点击对应的标签代码，然后直接样式，然后通过修改这块内容，都是通过一个图形化的操作来选择到代码， 那么这讲讲到这里，那么下一讲我们还要讲控制台，又是网页中，网页脚本中的控制台的使用，感谢大家的关注、支持和点赞，谢谢这一讲讲到这里。

openclaw 怎么控制浏览器执行操作？先看效果演示场景一，打开豆包，并和豆包打个招呼， 几秒后 openclaw 会打开并切换到豆包页面，注意这里登录状态还存在， openclaw 会在输入框自动填写信息并发送给豆包。执行完毕以后， openclaw 会反馈执行结果。 场景二，我们让龙虾帮忙测试一下网站功能，并给出测试报告，告诉龙虾测试一下五十一 ai 工具机网站的算工具功能，看效果加速中。 测试完毕，我们看一下测试结果，测试的还是比较全面的，总结的也很全面， 接下来演示下怎么实现的。第一步，告诉龙虾下载浏览器插件 open curl 浏览器。第二步，找到安装目录，也可以让龙虾下载后直接返回目录。第三步，打开浏览器，扩展安装插件，开启开发者模式， 添加未打包的扩展程序，选择扩展文件目录就行了。最后一步，需要配置一下龙虾的 token， 我们需要找到本地的文件， open class， 打开，找到 tocon 复制使用，这样就安装成功了。切换到浏览器，在扩展中打开刚才的插件就可以了。不安装插件的情况，龙虾也可以执行浏览器操作， 但是会打开新的浏览器，不带有登录状态或者后台操作浏览器，龙虾的行为不可见。

一个视频教会你极梦 ai， 那 么咱们先从电脑翻盖讲起，开机之后呢，我们要先确保网络是连接通畅的，接下来我们打开任何一个浏览器，输入极梦 ai， 或者直接输入极梦 ai 的 网址，那么我们先进入这个网站呢？进入这个网站之后呢， 我们第一步可以先登录自己的账号，由于极梦他是字节旗下的，所以你可以用抖音的账号登录，然后登录完成之后呢，我们可以看到下面有一些设置， 比如说你想要深色，浅色，你就按照需求去定就行了。那么这个 api 是 什么意思呢？比如说你在别的网站 ai 网站，或者是你自己想要建一个 ai 网站，但是你不会做模型， 那么这个时候你就可以去接极梦的 ai， 这样的话别人在你的网站也能用极梦的 ai。 接下来就是网站的中心啊，就是你要进行 ai 生成工作的地方，我们可以看到第一个一般是 a 帧模式，然后下面有图片生成，视频生成数字人， 然后这个图片生成呢，我们点开之后，你可以看到右边有一些模型的选择，那一般呢就用前三个就可以了，前三个都是目前最好的，最新的，然后在右边就是你需要去根据你的需求去选择一个尺寸啊，画质什么的， 然后这个小 t 有 有一个什么作用呢？举个例子，比如说你想生成一张海报，比如说我们这有一个，呃，比如说这个海报，你描述完这个 图像的这个形容之后，提着词花，比如说白背景，黄色的花，绿色的叶子，那么这个，那么这个英文字母，还有这个文字 你就可以用点一下这个，然后把你想要生成在海报上的文字去描述一下就可以了。然后我们再看视频生成，视频生成我们点开完之后，第一个就是首尾帧，然后你看上面有 sentence 二点零，这个就是目前全网火爆的一个模型。然后这个首尾针是什么意思呢？比如说你第一个画面是吃苹果，第二个画面是把苹果扔在垃圾桶里，那么从吃苹果到扔苹果到垃圾桶里中间的这个过程呢？就是 ai 生成的 一个画面，这就是首尾针的原理啊。然后首尾针之外我们可以看到右边还有一些全能参考，我们点开全能参考就一个参考内容，然后你当然你也可以上传很多个参考内容。然后智能多针是什么意思呢？ 比如说你上传吃苹果，觉得苹果很好吃，然后再把苹果扔到垃圾桶里这三个画面，那他们这三个相当于关键针， 然后这个关键帧之间的这个过渡画面就是 ai 生成的，所以这个叫智能多帧。然后还有第四个是主体参考，然后我们可以看到第四个还有主体参考，然后再往右边看，它是有，然后再往右边看，我们可以看到是有视频尺寸的选择和画质的选择， 然后最后一个呢就是时长，然后像我你看现在这个视频是三点零，如果然后主体参考模式是没有办法使用 cds 的， 我们把它换成全能参考， 你就什么都不用管，就一般就用，用的最多的就是全能参考和首尾帧，然后我们切换到 cds 二点零的时候，你会发现它的时长会变到十五秒， 也就是说每一个模型这里面的每一个模型它都有不同的特质，不同的功能。然后我们最常用的话一般就是前三个，你就记住前三个就可以了。紧接着 下面是数字人和配音生成和动作模仿数字人的话就是比如说你是一个知识知识类博主，然后你不想出镜，你就拍一张你的形象，然后用这个数字人去生成你的形象就可以了。或者是你拍一段视频，然后你把这个数字人切换成一个别的形象，这都可以。然后再说一下这个配音生成， 这个配音生成有两种，一种是模仿别人的声音，一种是克隆自己的声音，最后一个是动作模仿， 动作模仿的话你可以看到他有一个角色和动作，这个角色就是上传，比如说你自己的形象或者是一个卡通形象。然后这个动作就是比如说你有一段视频，他是跳舞的，你就把这个跳舞的视频上传到这个动作里面就可以了。那么接下来就使用 ai 创作最关键的一点就是提示词， 那么我们怎么去学习提示词呢？我们可以看到这个主页下面有一个发现，这个发现里面有很多案例的参考，我们随便点开一个， 可以看到右边是有一个图片提示词的描述的，我们就不断去学习这些案例的提示词就可以了，因为提示词他是没有一个公式的，因为模型不断的在迭代，模型迭代的根基就是他会不断的去理解自然描述的语言， 就他会根据你平常说的话去理解你的意思，所以说我们只需要去学习这些案例，我们只需要去学习这些案例里面的这些提示词，然后比如说你想做一个同款，你就使用这个提示词，或者是点这个做同款。如果你想做一个同类型风格的，你就可以点这个用做参考图， 我们这里测试一下啊，我们选一个图，比如说这个国风的吧，我们选点击这个使用提示词，下面就会弹出一个框， 然后这个框呢？你什么都不用管，你只需要模型选择前三个就可以了，然后比例什么都选好，他这个应该是三比四，你选三比四，然后高清， 然后我们可以去呃，尝试去改变一下啊，改变一下主体，比如说我们把白鹭换成一条龙，就是一条 中国龙上青天属蛇的，然后其他的什么都不用管啊，你看他这些空灵禅意，其实都是形容词类型的描述，我们就直接点击这个箭头， 然后可以看到这里有一个生成当中，我们直接点这个就可以切换到生成过程当中的这么一个画面，然后这里面就是正在等待当中，然后等待过程当中呢？我们可以去看一下，看有这么多案例， 你看它这个是有一个参考的，然后所以它描述的就很简洁。然后这小猫的这个看 ip 形象设计，你都可以把这个小猫改成别的猫嘛，对吧？或者是改成其他的小动物，生成完成之后呢？在左边会出现一个小对号，我们点击去查看 就生成出来了，那我们可以看到生成的风格还是有点刺绣的那种感觉啊，然后他有不同的选项可以供你选择， 这个还挺有感觉的，这个这个做成刺绣都挺有感觉的，但是这个，这个角不对啊，这个角不对啊，这个这个还行。 然后我们生成完之后呢？如果你觉得这个图片不错，你就点击右边这个下载，如果你想根据这个图去做成一个视频，我们就点击生成视频就可以了， 然后这下面也有不同的选项，然后你根据自己的需求来选择，那我们接下来来看一个案例啊，就是视频不同不同视频的模型生成出来的效果，你可以看到我这里上传的，这是我这里上传的是一张 侧锋一式的这么一张油画图，然后我用 cadence 二点零生成的画面，然后我提示词就是环绕中心轴，就围绕中心，我的提示词就是围绕中心轴环绕一圈， 这个非常强大啊，这个模型可以看到它的侧面，这个画面都已经被解读出来了，然后我然后我换了一个提示词，是一个关于动态姿势的，就女王缓缓把剑落在骑士肩膀上，这个 让我们来看一下，这识别度非常高啊，这个剑的这个光影的感觉，然后把剑缓缓落在受封骑士的肩膀上， 我这个精度太强了这个模型，然后我又同一个提示词，又试了一下，这个其实一般，但这个画面挺好， 然后你可以看到我，如果我把它变成影视级别的剧照，你可以看到它生成效果也是很好的啊。 其他的模型，然后这个是视频的其他的模型，你可以看到我这视频用的是三点零去测试了一下，那三点零测试其实就一般， 非常一般，表情都没有，然后整个氛围都没有。参考图依然是这个参考图， 那这个头盔和头发都连在一起了，键都穿模了，所以说还是最新的模型用起来是最好用的啊。 然后你可以看到这个下面所有的对应的选择在这下面都有， 按照自己的需求去选择就可以了。那么你可以知道使用 ai 的 话，最关键的就是提示词， ok， 那 么如果你作为新手的话，我建议切入 ai 最好的方式就是通过别人的提示词来去 总结，学习出自己的表达方式，这个是我觉得 ai 时代最关键的一点。

wars 出了个浏览器工具，一万七千 star， 帮 ai 省掉百分之九十三的 token。 传统方案让 ai 操作浏览器得把整个网页 d o m 丢给大模型。一个简单的点击按钮，光 html 就 吃掉一万七千个 token。 ai 还没开始响上下文窗口就被代码淹没了。 agent browser 换了个思路，它不传完整 d o m， 而是给每个可交互元素编个号，按钮是 e 一， 输入框是 e， 二，链接是 e 三， ai 看到的不是几万行 html， 而是三行文字。 点击 click a t e 填表单， fill a t r 加内容，底层是 rust， 写的毫秒即响应，而且直接支持 cloud code， cursor codex 这些主流 ai 编程工具，装完就能用，不用写一行 playwrite 脚本。 以前 ai 操作浏览器像戴着拳击手套打字，现在是精准触控。你觉得 ai 自动化浏览器能替代多少重？

今天教离线玩家如何在 pcl 更换皮肤。首先打开浏览器，搜索 little skin， 点击皮肤库，选择自己喜欢的皮肤，记住这个试用模型后面有用，点击下载， 下载后打开文件，打开 p c l， 选择设置下拉，找到自定义皮肤， 将下好的皮肤拖入文件夹，或者打开皮肤下载后所在的文件夹。 要注意这个 id 不 能和别人的正版 id 一 样，否则会使用别人正版 id 的 皮肤。 下期见！

在打开软件或者游戏的时候，提示由于找不到某个 dll 文件而无法打开运行，需要如何修复呢？首先是打开电脑浏览器，在顶部输入 dll 修复助手 side， 按下键盘的回车键，打开，点击下载 dll 修复工具。下载完成以后可以看到是压缩文件，需要我们先把压缩文件解压，解压好了以后双击打开，然后再打开修复工具。进入修复工具以后，可以看到有检测修复按钮， 修复工具会扫描检测电脑系统丢失的 dll 文件。 当您在使用计算机上的软件或应用程序时，可能会遇到一些错误提示，如缺少 x x x dl 或无法加载 x x x dl 等。这些错误通常与缺少动态链接库 dl l 文件有关。如果您缺少某个 dl l 文件，您可以尝试使用 dl l 修复工具来解决问题。下面我们一起来了解一下 dl l 修复工具下载的一些相关分享。一、 什么是 d l l 文件？ d l l 文件是 windows 操作系统中的动态链接库文件，用于向应用程序提供共享代码和功能。许多不同的应用程序可以共享 d l l 文件，这有助于减少硬盘空间使用和提高计算机性能。 如果某个应用程序需要访问某个 d l l 文件，但该文件不存在或易损坏，则可能会导致错误发生。二、 d l l 修复工具作用 d l l 修复工具可以扫描计算机缺少或损坏 d l l 文件，并尝试修复完毕。 第二、二、修复工具，第二修不顺手三种第二修，不顺手三种第二修，不顺手三种。第二修工具，它可以帮助你解决各种问题。系统错误包括第二二错误，该工具使用简单的语言，是极易使用第二二修工具主要是方便电脑的，一键就可以快速修复各种第二二修工具。自动挡和修修工具。自动挡和修修工具可以挡油门的问题检查。对自动修任何技术不存在第二二文件，这样您都不需要查查第二二文件或尝试修复速度节省时间的低。使用第二二修复工具您可以看。

当你在浏览器控制台中输入一个这样的 emoji 时，你会发现它的 length 居然不是一。这是因为 js 中的 length 属性返回的是字母串底层编码的单元数量， 而非肉眼看到的视觉字母数。每个 emoji 都是由 unico 的 编码构成的，当编码小于等于 u 加 ff ff 时，占一个单元大于 u 加 ff ff 则会占用两个单元。而绝大多数 emoji 编码都大于 u 加 ff ff， 所以至少占用两个单元。更离谱的是一些复合 emoji， 比如家庭是由四个 emoji 加三个零宽连接符组成的，所以就占用了十一个单元。那么当文本中包含 emoji 时，该如何获取它的视觉长度呢？ 其实一个 api 就 可以搞定，它就是 intl sigma， 它会按照 unit 口的文本分段规则， 把字串拆成一段段的独立的视觉字体。如果你的浏览器版本比较老旧，也可以引入这个 polyfill 来兼容使用，以后再处理带 emoji 的 文本，再也不用担心长度计算不准了。

背单词神器啊，我是以这个初中单词为基础做的啊，单词音标，磁性解释，例句， 然后通过上面这打勾的可以去控制一些东西的开关啊，电脑可以，比如说音标，咱们关磁性解释，解释例句啊，解释是关不透的，解释随时点，能随时看见，对不对？ 然后我做个教程啊，你看到的你拿到了之后是两个文件，一个是单词表，一个就是这个网页啊，这网页直接点开就行了，哎，网页直接点开点开呢，你甭管底下这显示的是啥啊，直接点这个选择文件， 选择文件呢，就是咱刚才那个初中单词啊， txt 的 这个文件，给他点打开啊，他就他就出来了，其实这个文件上面这个文件就是控制你要背的那些单词是啥的啊，咱们给他打开 很简单的一个文件，里边就是单词音标啊，这个词性解释，还有例句，他呈现到前面那个网页就是咱们看到的样子了， 所以你可以随便复制一行啊，丢给豆包，你跟他说给我再生成五十个初中单词，就按照这种格式，豆包哗哗生成了以后，你在底下再再生成一个你的自己的 txt 文件，还是用刚才那种方法， 在这个地方，在这个地方选择文件啊，点进去选选你自己创建的，它就变成你自己定义好的那个文件了，我做的这个是初中的一千五百词全在里头了。 pad 上啊，操作也一样，你就把它两个下载下来， 在那个群群收藏或者群里下载下，下载下来这不也俩文件吗？你需要用到一个浏览器，用那个一长啥样呢？我们点一下啊，这个是默认的，默认的一个，咱不用他选这个，选这个按钮。 ipad 啊，这个玩 用它打开，它打开是有身影的，点进去选择在它中打开，好多朋友说，哎，我没这个怎么办？你下载一个，这就是一个浏览器。嗯，它打开了就是这样了，这样了也是一样啊，因为刚才你不是下了两个软件吗？哎，下了两个文件吗？ 再把这个初中单词一千五给他点开啊，他就解锁，因为我已经解锁过一遍了。解锁用法一样，你就刷就行了，然后会的点会不会的，点不会所有的，比如说咱多点几个所有的不会的单词，说我就想看不会的怎么办呢？就只显示不会的， 他就只显示不会的吧，他显示全部就又回来了。还有一个呢，就是比如说咱会的会的多啊，给他选了会的多，这还能把这个会的隐藏，会的隐藏了，因为可能一时半会有一些没刷过吗？ 他就是点这个呢，就是不会的和没刷的都显示出来。最后呢，还有一个功能就导出不会的，就是比如说这一篇就有那么 几十个几百个单词，死活不会把它导出来。导出来干嘛呢？下载下来啊，打印出来上学带着，哈哈哈，全产业链折腾孩子。打开的还是那个就是可打印的 t x t 格式，你就直接把它打印，就它还是 t x t 文件打印你们应该都会啊。 哦，对，每天学习完了点一下，保存当前状态，他其实就在浏览器里给你把状态存进去了，这个千万记得点，要不然可能下次开机没了。就是之前录进来的东西 他就没了。对，有可能出现你之前选过的选项啊，保存过的或者清洗过的数据就没了，记得要经常点保存当前状态。

picasa 爬虫教程第三集 request school 的 使用浏览器向服务器发起请求，然后获得到服务器响应的页面内容。这个过程我们可以想象成去奶茶店买奶茶，奶茶店就是服务器，奶茶就是我们想要获得的内容。 如果我们想用代码模拟这个行为，就需要借助一个非常实用的 python 库 requests 库。接下来的时间，我们就来学习怎么使用 requests 库，并通过它发起请求，抓取并保存百度首页的页面。 request queue 是 一个第三方库，所以我们需要先在终端中以命令的形式安装它。打开终端，在终端内写上 pip install requests， 然后按下回车就可以下载安装最新版本的 requests queue。 安装完成后，如果终端显示 successfully installed requests， 说明安装成功了。如果之前已经安装过，就不会出现这句话，而是显示 requirement already satisfied 表示你之前下载安装过这个第三方库。你也可以在终端用 ppleist 的 命令来查看当前已经安装了哪些第三方库。 成功安装好 request 库之后，我们来看看怎么用它。发起请求使用第三方库之前，除了下载安装，还有一步很重要，那就是在 python 文件中导入模块。 大家还记得之前讲过的三种导入方式吗？第一种是直接导入整个库，第二种是只导入库中需要使用的方法， 第三种是导入库并给它取一个别名。这里我们采用第一种方式直接导入整个 request 库。上个视频我们已经了解了发起 http 请求两种常见方式， get 请求和 post 请求。在 request 库中发起 get 请求就用 request 点 get 方法。 发起 post 请求，就使用 request 点 post 的 方法，当然光写这两个方法还不够。 request queue 不知道你想对哪个网站的服务器发起请求，所以我们需要在方法的括号里传入参数。第一个参数当然是最重要的，也是不能省略的，就是传入你想抓取的网页的网址。 比如我们想向百度首页发起请求，那么就以字母串的形式把网址传进去，告诉 requestcool 我 们想访问哪个地址。现在我们对服务器发起了请求，我们发起请求，服务器会对我们的身份进行甄别。而现在我们是以 requestcool 爬虫的身份发起了请求， 就相当于一个机器人想要去奶茶店喝奶茶，奶茶店老板看到后觉得机器人没有味觉，不想浪费自己的奶茶，就不会给机器人奶茶。那么作为机器人如何伪装自己成功买到奶茶呢？还记得之前我们在浏览器里看到的请求头吗？ 浏览器发起请求时，会在请求头里带上自己的身份信息，也就是 user agent 发送给服务器。我们只要让 requests 也带上这个浏览器的身份信息，就能成功伪装成浏览器。那么我们怎么获取浏览器的身份信息呢？ 在浏览器里右键点击页面，选择检查，进入开发者模式，然后切换到网络这个选项卡， 刷新页面，然后找到这个蓝色的图标。三 w 点百度点 com， 我 们在右边的标头中就可以看到浏览器发起的请求，以及响应 上个视频学习的浏览器发起 http 请求，找到请求头内会写上的 user agent， 用户代理复制上这一串浏览器的身份，然后在我们的代码里把这段身份信息放进 header 参数中， headers 表示的就是标头， user agent 和浏览器的身份存在对应关系，所以使用字典的形式储存，然后作为参数的值放入了 request queue 发起请求的方法中，这样我们就将 request queue 发起的请求包装成为了浏览器发起的请求。 写好这个方法之后，你就会获得服务器的响应。以 get 请求为例，我们把响应的内容保存到一个变量里，这个变量我们叫做 response 响应。那么我们现在打印一下这个 response， 发现 request 库将响应的内容打包成了一个对象。在这个响应对象里有两个我们最常用的属性，第一个 http 状态码， 使用 response 点 status code 属性，我们就可以查看 http 状态码，通过状态码我们可以知道发起的请求是否成功。第二个 response 点 text， 这个属性里面装的就是服务器响应给我们内容中响应体里的具体内容。 学习了怎么发起请求，怎么获取响应内容之后，我们来通过抓取百度浏览器首页的形式来实践一下如何使用 request cool 成为一名爬虫吧。 在拍唱中，我们需要新建一个项目，所以我们在这个主菜单中选择新建项目，然后在这里写上你新建项目的名字，在这里我不做修改。爬虫项目需要使用到虚拟解释器， 所以我们创建项目的时候需要做出一点修改，我们需要将环境勾选这个生成新的解释器，解释器的类型选择这个虚拟环境。简单来说，你可以把虚拟环境想象成一个独立的干净的项目。专用工作间，你之后可能会同时开发多个 python 项目， 不同的项目可能需要同一个库的不同版本，为了避免版本冲突，所以我们需要使用到虚拟环境。 接下来我们点击创建，打开这个新窗口。大家需要注意的一点是，虚拟环境是独立的，所以在不同的项目中使用同一个第三方库，例如 request 库都需要重新下载，那么现在我来重新下载一下 request， 点击到终端，然后在终端以命令的形式写下 pip install requests， 然后按一下回车。现在终端就开始下载 requesttool 了，成功显示了 successfully installed。 那 么我们使用 piplist 来看是否成功地下载了 requesttool。 在 这里我们可以找到 requesttool， 那 么说明我们已经成功下载安装了 request 第三方库。 接下来我们就可以完成我们的第一个爬虫项目了。在这里我们新建一个 python 文件，取名为 catch。 百度创建了这个 python 文件之后，我们在这里需要做的第一步就是导入 request queue， 写上 import requests。 现在我们已经成功在 python 文件中导入了 request queue， 使用 request queue 发起请求，那么我们需要使用到的就是 request 点 get 方法。 因为我想要抓取的是百度的首页，不需要传递密码和用户名给服务器，那么我直接使用 get 方法输入百度的网址，然后将抓取的内容给变量 response， 复制给 response 之后，我们将响应体的内容，一般来说都是网页中的原始 html 文件，我们将网页中的 html 代码写入到我们自己创建的 html 文件中。 写入文件，我们需要先打开文件，写上 whatsopen， 使用 w 写入模式创建一个百度点 html 文件，并且在这个百度点 html 文件中写上我们获取到的百度的网页 html 文件。 现在我们来运行一下这段代码，可以看到这里出现了报错，这是为什么呢？因为我没有将文字编码形式改为 utf 杠八， 所以在这里我们一定要记住将 encoding 改为 utf 杠八。再次运行这段代码，可以看到在这里已经自动创建了百度点 html 文件，点开这个 html 文件，已经成功写入了一些 html 代码， 那么我们在这里使用浏览器打开，可以看到我们已经成功抓取了一个类似百度首页的页面，但是还是出现了一些乱码。为什么我们已经将 encoding 改为了 utf 杠八，还是会出现乱码呢？ 那是因为服务器已经识别了我们爬虫的身份，触发了反爬机制，没有给我们准确的信息。那么我们在浏览器中打开百度，点击检查， 找到网络，然后重新加载数据包，查找到这个三 w， 点 baidu 点 com 这个蓝色图标， 将 user agent 用户代理复制下来，点击复制，然后我们以字典的形式粘贴到这里面，直接粘贴的话，我们需要给它们加上双引号和冒号。成功粘贴好用户代理之后，我们记得在请求的时候，将用户代理写入到标头中，再次重新运行这段代码，打开百度点 html 文件， 现在我们再次在这里打开浏览器运行，得到的就是和百度首页一模一样的内容。大家可以看到在这里是三 w 点百度点 com， 也就是百度自身的网页，而这个是我自己创建的百度 html 文件，网址是这个样子的，我们抓取的页面和浏览器发起请求获得的页面是一致的， 使用这种方法你就可以抓取到大部分网站的原始网页了。不过爬虫的最终目标并不是保存整个网页，而是从网页中提取出我们真正想要的有效信息。所以下个视频我们就来学习如何从这些原始内容中解析出自己想要的数据，我们下个视频再见。

嘿，大家好，今天我们来聊一个嗯，可能会彻底改变咱们上网习惯的新东西，一个全新的 ai 原声浏览器。说真的，都二零二四年了，你是不是也觉得用现在这种老式 browser 来处理 ai 任务有点力不从心了？ 好，咱们今天就来好好扒一扒这个叫 tabit 的 浏览器，我们会先看看它到底解决了什么痛点，然后呢，再深入看看它的设计有多智能，怎么把那么多 ai 大 脑塞进一个浏览器里的。 最后也是最厉害的，我们会聊聊它那些超前的功能，从自己做工具到 ai 帮你干活，准备好了吗？我们开始吧。 来，咱们先面对一个现实问题，就是现在这个数字世界用起来是真叫一个乱，你想想是不是这样，我们每天呢就在各种 ai 工具开的密密麻麻的浏览器，标签页，还有各种 up 之间来回切换，手忙脚乱就为了把手头的事给干完。 所以啊，我就想问问大家，你觉得你现在用的浏览器在这个 ai 时代还够用吗？当你拿着一个为上个世纪设计的工具去冲浪，今天这个 ai 的 大潮是不是也感觉特别憋屈，使不上劲呢？ 就在这个时候， tabit 出现了，它就是冲着解决这种混乱来的，它想给我们的是一种把所有东西都整合起来的更强大的体验，说白了，就是想把我们从这种手忙脚乱的数字生活里给解放出来。 不过啊，我知道，一提到换浏览器，大家第一反应肯定都是太麻烦了。不过啊，我知道，一提到换浏览器，大家的头大， 别急，咱们先来看看 tabata 是 怎么把这个最大的麻烦给解决的了，它的切换过程啊，简单到不行， 因为它本身就是基于 chrome 内核的，跟 chrome 同源。所以你只要点一下你所有的书签，浏览历史存的密码儿，对，你没听错，甚至是你用习惯了的那些扩展插件，都能原封不动地自动搬过来，基本上就是零成本，马上就能用。 再看这个设计，简直是强迫症的福音。左边这种传统的水平标签栏，一旦开多了，就挤成一团，根本分不清谁是谁。但你看， tabby 的 垂直标签栏，在侧边一列排开，每个网页的标题都清清楚楚， 对于我们这种动不动就开几十个标签页的人来说，体验感真的好太多了。而且呢，它有一个特别棒的设计，就是这个永远在线的 ai 侧边栏。 这意味着什么呢？意味着你不管在看哪个网页，随时都能喊 ai 出来帮你总结一下页面内容，或者问个问题。完全不用切换页面，你的思路就再也不会被打断了，这对于工作效率的提升可是实打实的。 当然， tanfig 的 智能设计还不止这些，它还解决了另一个让我们很头疼的问题，就是我们经常被绑在某一个 ai 的 生态里，想换着用用别的都不方便。 tabid 呢，就把现在市面上最牛的那些 ai 大 模型全都给你装进来了。你想象一下， kimi、 dibsak、 clawed、 gemini 全都触手可及，你再也不用注册一堆账号，在各个网站之间跳来跳去了， 感觉就像是你瞬间拥有了一个顶级的专家智能团，随时听你掉钱。这么做有什么好处呢？你看啊，这个流程就完美的展示了它的强大之处。你先问一个模型，拿到一个答案， 觉得不够好，没关系，点一下，刷新，换个模型，再问一遍同样的问题，瞬间你就能得到一个完全不同的视角，有时候灵感就是这么来的。 所以你看，这背后真正的价值就是他帮你省去了所有切换、复制、粘贴的麻烦，让你能把精力完全集中在思考和创造上， 同时呢，还能极大提升你获得答案的质量，这就是集成的力量。好，如果说刚才那些都还只是让你的工作更顺手，那接下来这个功能就是要让你翻身做主人了。 tabbot 不 想让你用 ai， 它还想让你成为一个 ai 工具的创造者。 最关键的是，你根本不需要会写代码。他搞了一个堪称黑科技的功能，叫魔法斜杠，用法特别简单，你就在地址栏里输入一个斜杠，斜杠， 然后呢，就用大白话跟他说你希望浏览器帮你做什么事，然后叮他就能帮你生成一个煮熟的小工具， 这一点真的太重要了。你想想以前斜脚板做自动化，那可都是程序员的活，现在呢， tabit 等于是把这个能力交给了我们每一个人，只要你会说话，能把你的需求描述清楚，你就能把它做出来。 咱们来看一个超实用的例子，你就直接告诉他，下载这个页面上所有的图片，然后包长成一个 zip 文件。 tabi 马上就能给你生成这样一个工具，以后你再碰到任何有类似需求的网页，只要点一下这个工具，所有图片就乖乖下载打包好了。 你看一个原本很抽象的概念，是不是瞬间就变得非常具体，非常有用了呢？如果你觉得刚才那些功能已经很厉害了，那坐稳了，因为接下来咱们要揭晓这个浏览器的终极形态了，你可以把它想象成一个能力不断升级的阶梯，我们现在要上到最顶层了。 talbot 的 ai 能力其实分了三个等级，第一级叫聊天，这个我们都属就是普通的问答总结。第二级呢，叫阅读， 这就厉害了，它能同时看好几个网页，甚至是你电脑里的文件，然后综合这些信息，给你一个更全面的答案。而第三级，也就是最强大的叫做智能代理。 智能代理模式意味着什么呢？意味着 ai 不 再只是个跟你聊天的工具了，它成了你的行动助理， 你可以给他派一个复杂的活，比如说帮我找一下最近五篇关于 ai 芯片的行业报告，总结出核心观点，然后列出来。 接下来他就会自己去开新网站，去搜索，去点击链接，去阅读，去提取信息，最后把整理好的结果交给你，而整个过程他都是在后台默默完成的，完全不会打扰你手头正在做的事情。 好了，说了这么多，我们来快速总结一下，然后一起思考一个问题，这会是你的下一款浏览器吗？ 胎被带来的变化我觉得主要有三点，第一，它让你能随时调用全世界最强的 ai 大 脑。第二，它让你用说话的方式就能给自己做工具。第三，它还能派出一个能自主干活的 ai 助理，帮你处理复杂的任务。 这一切也让我们不得不去想一个更深的问题， tabad 展示的到底仅仅是一个浏览器的未来形态，还是我们未来和整个互联网交互方式的缩影？ 当 ai 像这样深度地融入我们最基础的上网工具之后，又会给我们的世界带来什么样的改变呢？这个问题就留给大家一起思考了。

好说几个基本概念啊，有的时候遇到一些问题吧，我人都要麻了，不要再问一些奇怪的问题了哈，就这几个概念要搞清楚一个个说啊。首先是这个阿 x， 这个玩意是啥呢？这是早期的时候啊，很早以前微软提出的一套理念，它就是说在整个页面的运行期间，我可以发送一个异步的请求，跟服务器之间进行通信，这就是套理念。 在早期的时候呢，微软为了去实现这套理念，搞了一套 api 出来，因为那个时候呢，浏览器的厂商呢，各自为战， 很多标准呢，还没有去统一和形成。所以说早期的时候，微软率先提出来这么一个理念啊，然后为了去实现这套理念呢，它在整个运行时里边引入了一个 api 啊，叫做 xmail a t d p request 啊，我们简称 xhr 啊，就这么来的。 这里呢，首先说两点误区啊，第一个误区呢，是有的同学看到这个单词啊，就觉得，哎，这个玩意是不是跟服务器通信的时候必须要发送一个 xmail 格式呢？ 现在问这个问题的人少了啊，以前经常问这个问题，呃，不是的啊，他可以跟服务器通信的时候发送任何格式，去接受任何格式，没有任何问题啊，只是他的名字上呢，确实不好看。他为什么叫叉秒呢？是因为早期的时候啊，我们跟服务器之间通信的时候，毛毛都是使用叉秒格式，现在都很少用了，现在基本上都是健身格式了， 他名字呢，沿用了下来，但是实际上跟服务器通信的时候可以使用任何格式啊，这第一个误区，第二个误区，那就比较严重了啊，十年前有人这样误解，到现在都一直有人这样误解，他认为这个玩意跟这个玩意是一个东西， 但是不一样的啊，这是一套理念，这是一套实现方式，但是由于过去呢，我们要跟服务器之间通信，只能使用它，没有别的方案了，所以说我们很多时候啊，看一些老的教程的时候，会认为它就是它， 但是实际上是不对的啊，而这个是呢，实际上现在呢，还有另外一套 a p i 了，就是二零一五年啊，为北 a p i 做了一些很多的更新，那么其中就更新了这套 a p i 叫废弃 a p i， 那 么这套 a p i 它也能够实现异步通信。 说现在阿克萨斯呢，有两种方式啊，一种是 xhr， 一 种是 fetch。 不 过呢，为了去兼容一些老的教程啊，同学们以后听到说阿克萨斯和 fetch， 尽管这个说法不严谨啊，但是你要知道他说的什么，他可能说的是 xhr 和这个 fetch， 对 吧？其实你看一下浏览器的调试工具，他也在暗示你这一点， 你看一下 network， 它下边不是有分类吗？对不对？很多的网络请求分类，其中一个分类就是 e 不 请求的 e 不 请求，你看他怎么写的， fetch or xhr， 对 吧？ 所以说这两个东西呢，都是实现同样的功能啊。这里呢，会收到一个面试题啊，就是说 xhr 和 face 它到底有什么样的区别？简单看一下吧，你们可以截个图啊，这就可以应对面试题了。理解上呢，只需要知道一点啊，就是这套 ip 呢，是老的，它已经停止更新了，以后不再更新了啊， ip 已经固定下来了，而这套 ip 呢，是这么多年啊，一直在断断续续的往里边加功能，所以它是不断更新的。 也就是说基本上是这么一个情况，就他能做的呢，废气能做，他不能做的呢？废气也能做，毕竟废气更新嘛，对吧？不过有一个特殊情况啊，就是个请求的进度监控，比方说有的时候呢，你上传一个文件对吧，传输的数据量比较大，那么请求的时候呢，你可能需要知道一个进度条，我上传了多少。那么请求的进度监控呢？这个废气是做不了的啊， 之所以做不了呢，不是说他技术不行啊，他实现不了，技术上没有任何难度。主要是他这套 api 吧，他是基于 promise 的， promise 只有完成和失败，他没有中间状态，他不好设计这个套 api 啊。目前呢，官方呢，正在想一些别的办法啊， 等它落地吧，我觉得早晚是能够搞定的啊。所以说，如果说你要做一个请求的进度监控，就上传文件的时候，进度监控的话，你只能使用原始的这套 a p i， 它是能做的。好吧，那么相同点的话，就是这两个东西都是原生支持的，它不需要安装任何的框架和底层盘库。原生的。这里顺便说一下啊，原生的东西是最最重要的东西， 你学前端不要给我搞成学什么第三方库，学什么框架去了，那东西要不要学？要学，但是呢，绝对不是重点啊，最最重要的一定是原声，为啥呢？因为原声它决定了功能的边界，原声能做的那些框架啊，第三方库啊，也能做，原声不能做的，他们绝对做不了，因为他们写出来代码就是用原声去实现的，懂这意思吧？所以说学习知识呢，你就一步到位的把它学明白， 特别是元圣的东西啊，不要去学的模模糊糊的，你模糊不清的东西越多，你往上程学，比如说学黄家崖，学第三步会非常非常困难，难道你哭爹喊娘呢？你看了半天都不知道他在说啥，就算看懂了，好像也是挺虚的，也不知道怎么去应用。这其实背后的原因都是元圣没搞清楚，核心概念没理清楚。 反之，你只要把元圣的东西搞清楚了过后，那些上层的东西啊，一看就瞬间秒懂很多，甚至很多时候都不用去学。比如说我举个例子啊，你看这个 x， 我 现在告诉你 一个基本事实，就他是个地摊货，那他怎么去实现的呢？他是做请求用的，他到底是用了这套 ip 去实现的，还是用封装的？是这套 ip， 那 我现在告诉你，他在浏览器环境里边封装的是这套 ip， 我 其他啥也不用跟你说了，哪怕你从来没有用过这个 xos， 你 瞬间明白了， xos 这些事情能做，而这些事情，这些事情他绝对做不了，你连原声都不支持，他咋做啊？ 我给你一袋大米，这是原料，让你把这袋大米给我整一盘红烧肉，你咋做啊？说原生他一定是边界啊。因此你搞懂了原生那些第三方故事，很好理解的，很多户型是根本就不需要学，我告诉他做啥的，摘下来看文章，瞬间明白，真正学习的一定是底层的东西啊，这也是为什么要给大伙录制大师课。大师课是完全免费的啊，来领取。完事了 讲任何东西啊，我一定是深入底层的，比方说我讲优化不会直接讲优化的，那优化的情况那么多，场景无穷无尽，不同的场景要用不同的优化手段，那背后是啥呢？背后是你要对浏览器的渲染管先要有理解，浏览器的渲染你都不理解，怎么可能去做优化，对吧？我所以说我一定是先讲底层东西，然后再讲上层应用， 包括我讲框架的时候，我先就带你用原码去实现一个它的基本功能，实现过后呢，你就瞬间明白这框架是怎么运作的了。而整个课程你只需要花几天时间就能学到这么多东西吗？那就看谁讲了，我讲我就可以， 就这么神奇，那很多朋友没听过我讲大课是吧？你听一听就知道是什么样的概念了。好，总之啊，这个大师课啊，不管你是想高薪就业还是想在职提升，他都是你的必修课。这课呢，目前还可以免费领啊，怎么领？在咱们账号主页，点击头像进入账号主页，根据提示领取就完事了啊。好说回来啊，我们理解了这两个概念过后呢， 以后同学们要对比的话，可以对比这两个没问题，千万不要把他跟他去对比了。我看到还有一些面试题，面试官可能也不太懂，对吧？把这个玩意跟这个玩意去对比，一个是原声的，一个是第三方库，这咋对比啊？原声跟原声对比，第三方库跟第三方库对比比，这两个可以对比第三方库的 x 可以 跟啥？跟那个五米 request 对 进行对比，那么他空中的是 fish， 对 吧？这两个对比是可以的，你怎么能把原声跟第三方库对比呢？这就好比说一把大米跟酸菜鱼来对比，这就好比说以后提问的时候啊，不要去闹这些笑话了啊。

面试官问，从输入网址到网页显示，这中间到底发生了什么？这题考点非常多，很多人要么说不全，要么说着说着开始虚了，相对而言还是有点难度。今天我用两分钟教你一套。面试官，听完就知道你是真的懂网络的高峰打法。我们从敲下回车那一刻开始。第一步，浏览器解析，你的输入网址用的是什么协议？是 http 还是 atbs？ 域名是什么？路径是什么？这一层属于应用层， 那先点进去就够。接下来关键的一步来了， dns 解析，浏览器要先知道服务器在哪，对吧？那他不会一上来就问 dns 服务器，而是先查浏览器缓存系统缓存，没有再去本地 dns 服务器，本地 dns 再把你一路问到权威 dns， 那 最终把域名换成 ip。 拿到 ip 之后，浏览器能直接开始发业务数据吗？不行， 他得先跟服务器确认关系，也就是 t t p 三次握手，建立一条可靠连接。如果是 h t p s， 还要多一轮 t l s 握手，协商加密算法和密钥，防止数据在路上被偷看、被篡改。这里的 h t p s 是 明显的加分点，一定要提一下，连接建立好之后，浏览器才开始真正发请求，那 它会把请求内容组装成一个 a t t 报文，但注意，这时候它也只是应用层，数据还出不了门。接下来是整道题的灵魂协议站分专，本质上就是一层一层贴快递单。 a t p 数据，先加 t t p 头标端口序号，保证可靠传输，再加 ip 头，写清楚从哪来到哪去，再加 mac 头，负责在当前网络把包送出去。那么问题来了，这个 mac 地址是哪来的？ 答案是 a r p。 也就是用 ip 地址去问下一条设备的 mac 地址。那这个点你一说，面试官就知道，你不是只会背流程。数据分装完之后交给网卡，被转化成电信号或者光信号，真正上路到了局网交换机出厂，那他不看 ip， 只看 mac， 负责把数据转发到正确的端口。出了局域网，轮到路由器工作，路由器只看 ip， 决定吓一跳往哪走。每过一个路由器， t t l。 简易房主数据包在网络里无限兜圈子，这一句也属于加分享。提一嘴，数据包一路转发，终于到达服务器。服务器这边流程正好反过来，一层层拆包，去掉 mac 头、 ip 头、 t c p 头，最后把 a p p 请求交给 web 服务 服务端处理。又有逻辑可能查数据库，调接口生成响应数据。但同样的分端流程，把响应原路返回浏览器收到响应之后，事情还没完。如果是 html， 就 开始解析 dom， 加载 css， 执行 js。 如果是接口数据，就交给前端框架去渲染。 所以页面慢不一定是后端慢，也可能是慢在 d n s 网络或者前端渲染。最后一句话收尾，从输入 u r o 到页面展示，本质就是一次应用层发起协议栈，层层封装网络转发服务器解封装，再原路返回并完成渲染的过程。 不同岗位面试官关注点不同，但你能把这条主线讲清楚，这道题基本就是高分答案。这是计算机网络面试系列的第九期，完整的文字版和配图我已经整理到了，面试呀，方便你反复消化。如果觉得有用，关注我，拿下面试，我们下期见。

我就先问点基础的内容啊，打开一个浏览器，输一个网址，再回车打开一个网页，这个过程中发生了什么呢？嗯，用户输入网址并按下回车键，首先肯定是浏览器会将输入的网址 url 通过 dns 翻译成对应的 ip 地址， 然后呢，浏览器使用获取到 ip 地址，建立 tcp， 连接至目标服务器，之后浏览器发送 http 请求至目标服务器，然后请求特定的网页内容。 当目标服务器接受到请求以后，处理并返回相应的 html 文件和其他的相关资源， 比如呃，图片，样式表，脚本等。然后浏览器接收到返回的内容，解析 html 文件并下载其他相关的资源，然后最后才是。嗯，浏览器根据 html 文件和相关的资源上传网页的矢图，并展示给用户，大概就是这样的一个过程。 嗯，那中间的 dns 的 解析过程又是怎么样的呢？嗯，简单的说就是输一个网址要先查本地路由器和电脑的缓存的记录，找不到就向本地的 dns 服务器找，找不到就找根域名服务器， 还是找不到就找顶级域名服务器，最后获取服务器的 ip 地址，一旦电脑接受到这些 ip 信息等，然后就缓存下来，最后返回网站的网页和资源，然后这就是一个整个的解析的过程。