TrayChrome使用教程

同学们大家好，我是七线阁的七线谱，因为我每天都会给别人远程电脑，所以呢，我发现了很多的同学呢，电脑里面都有很多的问题， 虽然说我出过一个怎么去优化你的电脑，让你的电脑达到最高性能的这么一个视频，不过很多同学呢，应该没有看过，当然啊，没看过的可以去看一下，这一次呢，我不是重复那一次的东西。 其实呢，我对大家的电脑呢有一些小小的建议，就是你不要在电脑中安装什么安全卫士之类的东西啊啊，但你非得要装也没关系，但是呢，浏览器方面真的得注意一下，因为很多同学的浏览器呢，他用的都是一些什么三六零啊，什么乱七八糟的，就打开之后呢一堆的广告， 但是你看我的浏览器的时候呢，我的浏览器根本就不会有什么广告啊，就所有的页面都是很正常的， 不会有什么下面的弹窗啊，什么右下角的弹窗啊，下面的横幅，上面的广告，侧边的边栏什么的，都不会有这些乱七八糟的东西。 所以呢，呃，我推荐大家去用 chrome， 也就是谷歌浏览器，当然你用微软的 h 也是可以的， h 也是谷歌的内核，但如果你用原版的 chrome 的话，其实会让你的整个上网体验要好很多。 这里面呢，我就来讲一下我的 colm 是怎么优化的啊，然后呢，你可以稍微的借鉴一下啊，反正看个热闹吧，又不用花钱，对吧。 那首先 crum 呢，你可以在你的百度里面搜索这个谷歌浏览器，找到他的这个谷歌网络浏览器那边去下载一个，注意啊，有很多的山寨啊，你要小心一点，这里搜索谷歌浏览器呢，在正常的情况下，你可能会找到一堆乱七八糟的东， 但是切记啊，你会找到一个 cream 啊，网络浏览器官方啊，注意后面有官方这两个字，点击进去呢啊，可以下载，注意啊，不用翻墙也可以下载，点击这边下载就行。 至于谷歌浏览器的一些插件呢，其实国内有很多的这个平台可以提供这种安装的下载，如果你懂得如何架梯子翻墙的话，很多事情会变得非常的简单， 就算你不会啊，也没关系啊，反正国内有很多谷歌浏览器的插件的下载啊，你可以自己稍微研究一下。这里面呢我给大家介绍一下我是怎么把自己的啊整个网页变成这样子的，变成一个比较干净比较清爽的一个页面。 首先呢，呃，这个标签页啊，它是一个非常棒的一个插件，就是现在大家看到这个标签页，这是一个免费的一个插件啊，当然呃，如果说你想要 知道自己啊装了多少扩展啊，在这边可以看得见，我装了这些扩展，每一个扩展呢都不是浪费表情都有用啊， 其中这个标签页呢就是大家看见的这个新建的标签页，这个标签页呢可以自己添加你要的搜索引擎啊，然后呢还可以自己添加你要的常见网站的图标， 打开之后呢，你就可以看到这些图标，并且呢他支持网络备份，也就是说你重装系统或者换电脑都没关系啊，他会帮你还原成这样的一个状态， 虽然也有别的东西可以实现这个功能，但是呢这个标签页的确是非常非常的方便，他呢可以自己任意添加，这边呢也有一些热门的一些网站，你要的话你可以自己添加啊，可以不用去操作，如果你想自己添加呢啊，就在这个标签页的这边有一个这样的一个东西，然后呢点击这边啊，你可以输 入自己要的网址以及你需要定义的名字啊，然后呢你就可以点击下一步啊，然后呢就慢慢添加，包括颜色，包括字体等等啊，这边都可以啊，显示这里面有添加的标间页呢，大家一看就明白了 一些，不是很常用的，我会把它合并，就类似于在手机中使用一样，比如吉米尔油箱， qq 油箱啊，包括这个扩展谜啊，这个是一个 谷歌浏览器插件的这么一个网站，如果朋友们翻不了墙，不能去谷歌的商店里面下载，你可以到这边下啊，这边下也是一样的 啊，目前比较流行的那些插件这边都有啊，你可以自己在这边安装安装什么的，很简单，这个我就不用教了，教了感觉侮辱大家的智商啊。这个标签页真的非常好用，你呢可以登录自己的账号，比如像我，我是用谷歌账号登的，但你也可以用别的账号，比如 qq 啊，微信啊，或者你自己注册都行。然后呢登录之后呢，你每一次对 这个做出改变，他都会备份，包括你的主题什么的啊，都可以自己去设定，包括这边所有的啊，可设定的参数实在太多了啊， 这里面呢基本上反正都是中文吧，你应该也看得懂，所以这里我就不啰嗦了，这是第一个我常用的一个插件，那其他的插件呢，我也同时介绍一下，可以让你得到一个不错的体验，比如这个 ad guard， 这是一个广告的一个屏蔽工具，他可以屏蔽掉几乎百分之九十的你的浏览器中的广告和弹窗，非常非常的方便。但 ad gar 的他不是不是只有这么一个版本啊，他有客户端的版本，但是不不怎么推荐大家去下载，只要你电脑不去乱折腾，其实你电脑不会有太多广告， 电脑中最大的广告的罪魁祸首呢。其实是啊，那些安全卫士，还有那些管家以及那些什么精灵啊，包括 qq 啊， 你没听错啊， qq 就是广告的万恶之源，还有什么金山的 wps 什么的，这些都有啊，很夸张的广告。如果说啊，你装的那些东西啊，必须要用那些东西，那你可以装个 ad 杠的， qq 这种的其实还好， qq 只要你去不装他的 fresh 的那个插件啊，就不会有这个问题。 fresh 是一个非常过时的一个东西啊，其实你大可不要去安装，如果必须要，你可以装个 ad garde 的客户端版本啊， 但浏览器插件版呢，是我一直以来用的啊。呃，用谷歌浏览器还有个好处呢，就是如果你有注册谷歌浏览器的账号的话 啊，你装的所有的插件，在你重装系统，重装这个浏览器之后呢，他会自动帮你安装啊，你没听错啊，自动帮你安装，你不需要二次去安装啊，这个呢是广告屏蔽的这么一个工具啊，非常的好用啊，基本上可以把你网络里面 几乎所有的广告都给你干掉啊，包括很多比如说 youtube 什么的，那些个视频广告啊，也可以毙掉啊，但国内一些视频网站的广告比较硬啊，有一些别的方法可以屏蔽， 然后呢就是这个清理大师啊，这个清理大师呢，也非常的好用，他可以清理掉你的浏览记录以及一些比较隐私的一些内容，可以保护你的安全 啊，尤其是一些看起来比较可疑的网站，有这个工具在呢，可以让你不要泄露太多的个人信息啊，尤其是国内的很多的网站啊，像国外还良心一点，国外有法律的约束嘛，所以大多数的网站你在访问时他都有一个就是 cdk 的，那这么一个 询问啊，你要不要接受？但是国内大多数调用你的这个痕迹的这些网络啊，他是不会询问你的，就直接就调用了，就非常的 流氓，哈哈，所以呢有这个工具在呢啊，国内的大多数流氓网站要调用你的个人隐私的数据呢啊，他做不到，哈哈，所以呢，这个工具记得安装一下，为了你的个人信用卡，银行卡，支付宝啊，微信啊啊，所有社交平台的密码或者账号什么的，你最好装一个， 真的有用啊，然后这个呢是鼠标首饰的一个插件啊，你可以记一些名字，其实蛮容易记的啊，你在那个扩展迷里面之前应该是优先推荐的插件。这个鼠标首饰有什么用呢？ 比如说现在我访问一个网站，访问网站之后呢啊，我想把这个网站给关闭，或者说前进后退什么的可以用鼠标来完成不需要用键盘，比如说我想关闭这个网站下横啊就关闭了啊非常的方便对吧。 啊我记得还有一个叫上左啊我忘了，反正这个鼠标首饰你可以设置啊设置你自己喜欢的啊， 太多太多太多可以设置的地方了。所以具体的功能呢你可以到他的这个插件的内部啊这边可以去看一下啊这边有很多可以设置的地方大家我就不去折腾了。默认的我就觉得蛮好用的啊。然后呢就是这个 这个呢是让你的网站啊就浏览的所有网页都是一个黑暗的一个主题啊。这个是我个人偏向啊啊你喜欢不喜欢我不知道，但我个人蛮喜欢的就像是我访问 b 站一样 b 站本来是一片白的嘛你看我这边是一片黑的就所有的背景都是黑的 啊我觉得这样看起来会更加的养眼睛一点啊不然这个屏幕很亮啊就看起来比较难受啊。而且呢逼占这个默认的颜色的风格是那种比较二次元的，粉粉嫩嫩的那我们老大爷们了对吧。对于这种非常二次元的我们其实不是非常接受的了。所以呢啊这个主题呢可以让 几乎所有的网站啊都是黑色主题，这样呢会比较的舒服一点。你访问的任何的网站啊都是黑色主题甚至包括西瓜视频什么的啊你看西瓜视频这边也是黑的啊 几乎都是黑的，但 youtube 的话它本身就有黑色主题所以我没有去弄啊啊包括你访问任何比如 cd 包音乐网啊，这边也是也会变成黑色主题，你看啊，就所有的一些网站都是黑色主题，只是有些颜色的这种 啊， png 的这个字啊，可能会比较麻烦一点，但其他还好啊，为了养眼睛啊，我觉得值得啊，没毛病。然后这个呢，就是刚才说的标签页 啊，然后这个呢，就是一个非常有意思的一个工具啊，在你的扩展里面可以打开这个，打开之后呢，这边会收集一些音乐类的这种 app 的这种音乐啊， 你呢，可以在里面直接听音乐啊，别的我就不敢多说了，我们可以尝试一下，比如说你点击啊，然后呢听一首试一下， 好吧，这些啊，你懂得，反正这边乱七八糟什么鬼都有啊，你自己凭自己个人喜好，你喜欢听啥，以后你就不用播放器了，你打开就可以啊，比较方便啊。 然后呢，就是这边这一个工具，这个呢是就说啊，重新啊，就排序你的这个网页浏览的一些东西，可以节省你浏览网站时的一些内存 啊，尤其是很多同学用网站的这个频率，比较夸张的就是上方的标签栏。别别别别别，一路过去啊，可能同时开了五六十甚至一百多个网页啊，那你可能需要这个东西，会让你的电脑快， 你难道没注意吗？你开了很多网页之后，这个浏览器的占用内存是很大的啊，无论你用的是什么浏览器，但这个插件呢，可以让你的占用啊变得更小哈，然后呢，整个网站的速度会更快啊， 然后这个呢，就同样的道理，也是一个测速的这么一个工具啊，就 sweet test 的这么一个测速啊，但这个工具其实没有太大的作用啊，反正 属于我个人的这么一个偏好啊，就是有时候呢，当我发现我的网络有点卡的时候呢，我会装一个这个插件，然后也就是本来有这个插件吗？我就可以点击开始，然后呢对这个网络进行速度的测试啊，我就会知道目前网络正不正常啊，电信公司有没有 这个偷卖流量啊？就比如说本来你这个小区只有啊，多少 g 的这个流量，然后呢，你卖了超 流量啊，卖的太多了，到了黄金时间流量不够，那咱就可以投诉他，对吧？啊，所以这个插件你喜欢呢，你装一下啊，不喜欢无所谓啊，这个没关系啊。 然后呢就是这个超级复制这个东西呢，比较有用啊，就是有些网站他比较的糟心啊，很多的内容他不让你复制，尤其是查资料的时候， 有了他之后呢，几乎所有的网站啊，那种防复制的这个套路呢，对你都没有用，因为他会把他防复制那一层呢，给他啊，彻底的弄掉啊，就是把它撤掉啊，因为其实也就是一个代码能实现的事吧，他呢，就是把那个代码给他撤掉，所以呢他就会变得可以复制，哈哈哈。 然后呢，就是这个百度去广告这个功能啊，也非常好用，就像刚才你们看到了一样，我在百度搜东西是没有广告的啊，就是这边的广告会一时 闪耳式就没了。然后呢，那些推广啊，那些乱七八糟，你要翻好几页才能看到有用的内容。也不会啊，但这个相关搜索我并没有去掉啊，这个其实也可以去掉， 那这边啊，就是正常的一个搜索，所有的广告都会去掉，就比较方便啊。但也有一些脚本呢，是可以把这个百度的很多的内容啊，都给你重新排序，重新定位的也有啊，在油后脚本里面也有啊，如果你喜欢你也可以装啊，但目前这个我觉得还行，用起来没什么太大的毛病啊，就蛮好用的。 然后呢就是这个啊，叫做油喉啊，这个油喉脚本是非常好用的一个东西啊，那我这边呢有装一些油喉的脚本啊，我呢就可以跟他们说一下啊，在这边啊这边，然后我们可以点击一下，然后呢这边可以看到啊，这里可以获取脚本啊， 这边有管理面板。我呢装了一些脚本啊， csdn 这个网站呢，我偶尔搜一些比较冷门的资源的时候能找到他，但是呢那个网站特别多套路啊，就很脏，所以呢，我就装了一个脚本去去掉它，这个对于你可能没什么用啊，然后呢这个 guitar 这个东西呢，我也经常去逛啊， 所以呢，我希望他是中文的界面，很多可以翻译的，我希望他自动翻译一下啊，而不是用浏览器的这种翻译啊。所以呢，装了一个这样的一个脚本，或许没什么用啊。这个呢，可能有点用啊， 就是很多的文库啊，包括视频， vip 啊等等啊这些啊，包括你懂的那些，包括 b 站的一些东西啊，然后呢可以帮你优化一下，让你得到一个更高的一个权限啊，然后呢樱花动漫啊，有有时候会去追一些这个啊动漫，然后呢下了个脚本，然后呢百度搜索广告屏蔽 啊，然后呢热搜什么的可以帮你弄掉啊，那个百度去广告只是单纯的去广告，但是一些热搜啊，一些乱七八糟推广什么的还是能搜得到，所以呢啊，装了这个脚本之后呢，会方便一些。然后呢知乎呢，有时候不小心可能会搜到一些知乎相关的内容，尤其是 这个知乎要谈个二维码让你去登录啊，让你怎么样的啊，很讨厌。所以呢啊，这边装了一个贴吧小助手也是一样的，有时候搜索一些资源的时候可能会跑到贴吧去，而贴吧呢，你也懂了吧，我 百度贴吧现在已经放飞自我了，就是全部都是广告，而有了它之后呢啊，你毛广告也看不见。并且呢啊，那些楼层什么的，你可以不需要登录就能看，就很方便。但是这些脚本是可以自己去下载的啊，就无数的脚本啊，你可以自己在这边搜索油喉脚本啊，这个网站呢，强烈 推荐给大家啊，然后呢这边可以搜索到一堆的好脚本啊，在这边有个脚本列表， 然后呢你也可以直接搜索，然后这边呢你可以按照这个更新日期或者说总安装数啊，你可以去知道啊，目前有什么东西比较受人欢迎啊，比如说这边啊，我装的这个对吧 啊，这边很多，你可以搜索自己喜欢的内容啊，在这边，然后呢找你喜欢的资源，比如说啊，等等等等啊啊，我呢有装一些加强的脚本，对 b 站做一些优化啊，这个 b 站现在呢，整个页面跟你们看到的可能会有点不一样啊，然后呢，同时我在看这个视频的时候，比如说 啊，我看自己的这个山海这个视频，然后呢，呃，这边你会发现上方有个一键三连啊，有个获取封面啊，然后除了这个获取封面之外呢，他还可以 下载视频啊，你没听错啊， b 站默认情况下视频是不让下的，但是这边可以下载视频啊，但这个视频会上传 b 站，我不知道 b 站会不会把这个视频给卡了， 反正有很多的网站你都可以做一些这种加强的脚本啊，就是自己写也行，别人做好了你直接用也行啊，就非常的方便。 这个呢就是我分享的内容啊，希望对你有用啊。其实呢，大多数情况下应该都不需要我动手啊，你自己稍微知道一下就行啊，拥有一个干净的浏览上网的一个环境，我觉得对每个人都应该非常的重要，而你呢，整天用那些乱七八糟的浏览器，一堆的广告折磨一堆的这种弹窗， 我相信你应该也受够了啊啊，知道了，有这么干净的一个环境，我相信你应该也蛮向往的，所以呢，去试一下吧，或许你也可以成为掌控自己电脑的这么一个人。

这个视频给大家分享一下我们如何使用 ctrl 浏览器来给我们的程序做运行时的性能分析与优化。那么在开始之前呢，我想问大家一个问题，就是你关注过你写的程序在不同的配置的机器下，它的运行的一个性能情况吗？比如说我现在这有一个例子啊，就是这样一个 不停的有很多篮球做正在做动画的一个程序，那么他在我的电脑上看起来动画挺流畅的，然后运行的也好好的，没有什么问题。但是呢 有可能他在一些配置比较低的设备上，比如说手机或者平板，然后，嗯，然后他的那个 cpu 的配置也不是很高，所以这个时候，嗯，我们要知道他的运行效果应该怎么办呢？其实我们可以来到这个 crum 开发者工具的这个 performance 面板，然后呢在这有一个齿轮，我们可以点开，然后在这有一个 cp u 的一个截留，也就是我们可以来为这个 cpu 模拟一个降速，比如说我给他降低六倍，那么大家现在可以看到 这个动画呢，就变得非常的卡顿了，是吧？好，那现在呢就假设我是在这样这样一个性能非常低下的设备上，然后我的程序非常的卡顿，那么现在我应该怎么样为他做优化呢？那么首先我们肯定要想到的就是找到他的性能瓶颈，那么性能瓶颈怎么找呢？我们在这可以使用 可让我们开发角工具性能面板，然后给他做一个这个性能面板的一个记录，比如说在这我可以点击这个面板的这个左上角，这有一个开始记录， 好，等我记录一段时间后，我可以停止看他记录的情况，在这我们稍等一下， ok， 现在停止，我们现在做完这样一个记录之后呢，大家就可以看到现 在啊这有这样一个记录的结果。首先我们需要关注的是什么呢？我们可以来看这下边有这样一个 summary， 也就是一个盖缆的面板， 然后这个面板呢我可以看到他的这个整个的程序消耗的时间的分配情况，比如说在这我们可以看到，那么 scripting， 也就是 gs 执行的时间呢，大概是总共花费了四秒，那么渲染的时间呢？差不多是十秒，然后还有就是这个偏情，是吧？ system 还有 idol， 那么从这个概览里面我们大概可以看出来，那么在 ready 的这个时间其实是占了大头的，那么就说明这一块我们其实是有优化的空间的。 然后看了这个之后呢我们就得再关注一下，那么在这有这样一个火焰图，然后我们如果把它放大的话，我们可以聚焦到我们程序的 每一针大概的一个执行情况，我们可以看到，那么现在呢我们把它放大，就可以看到这里边有整个这一针里边结是函数执行的一个吊用站，以及他们的一个耗时，然后我们再往下看呢就可以看到， 那么这下边呢就有就有更详细的一些一些情况，比如说在这我们刚才从从这个概览里面就是观察到他的主要的一个耗时应该是在 raining 上面，是吧？那么我们可以看在这呢其实就 这个 app 点 update 这样一个函数，他耗费了在每一针里面耗费了很多时间，然后呢他的时间是由什么组成的呢？是由下边的这些每一个就是每一次任务所消耗的这个时间片每加起来的，那就可以看到这个下边这些时间片呢，主要是，主要是为什么呢？主要是因为这个重新就是 cs， 这是重新的一个雷奥特，或者说是一个 recalculator style， 这两者组成的同时呢也有一个什么 get offset top 这样一个属性，是吧？那么如果你对结石的性能分析比较熟悉的话，那么你就很敏感的可以发现哦，这个可能是因为我代码写的不好，在每一针里面写了会引起浏览器进行重汇或者是重排 相关的一些代码造成的了。那么我们怎么样定位到这个位置呢？在这其实比如说我们选中这个 appr data 是吧？因为他耗费了很多时间，那么我们选中他 来到这个，来到这个沙漠面板这呢我们就可以就可以从这点进他具体的原单码去看。那么来到原单码之后呢，我们发现每一次我们在设置了这个球的这个位置之后呢， 然后在这一针还没结束的时候，我们立马要去获取这个球最先的位置，那就是告诉浏览器我现在马上要他的位置，然后那么 浏览器迫不得已在每一个小球改变的位置之后，就立马去进行一个 reflow， 然后再重新计算，那么这样的话其实就会耗费大量的性能，那么性能瓶颈实际上就是在这个 office top 这样一个属性的读取， 所以改进方案是什么呢？我们可以看下面，下面的话其实就是一个改进方案，因为我们这个最新的 pose 选已经拿到了，所以在这判断呢，我们没必要一定要使用这个小球，这个 m 是这样，就是这个这个小球对应的这个动物节点的 这个实力，所以呢我们没必要去获取这个 moc top， 我们直接拿这个 position 去进行判断就行了。那么如果我们代码做这样的更改呢，我们就来就可以来看看。那么现在的运行的一个效果是什么？ 在这呢？呃，我可以使用点一下这个奥奥特曼，这就是我们刚才优化过后的代码，他的一个运行效果大家就可以看到非常的流畅的，是吧？好，那么咱们今天的分享就说到这的，如果你学会了，一定要把学费了打在屏幕上哦，再见。

为什么很多人都会使用 google's cross 浏览器？看完这个视频你就知道了。从外观上看， cross 十分简单，相比于其他的浏览器，它的页面更加简洁。 隐身访问说 close 的页面简洁不足以说明其简洁程度。 close 几乎不像是一款应用软件，屏幕的绝大多数空间都被用于显示用户访问的站点，屏幕上不会显示 close 的按钮和标志。 速度快，采用多进程架构，一个站点的加载速度较慢，不会拖累对其他站点的防温 系统，不会崩溃。 cross 最大的亮点就是其多进程甲沟保护，浏览器不会因恶意网页和应用软件而崩溃。 最大的优势还是其支持众多强大好用的扩展程序。谷歌浏览器有很多扩展插件，个人可以选择性的安装，是定义功能，非常的强大。 但是对于我们使用 clos 浏览器，可能会遇到很多的问题，如书签同步、无法访问、插件安装困难等等， 其实这些问题都不难解决，因为国内是无法访问骨骼搜索的。点击右上角设置，找到搜索引擎，将它修改为百度即可。 你也可以安装这款插件，可以实现账号同步和访问。点击右上角更多设置扩展程序，打开开发者模式，将插件安装包直接拖拽进来安装即可。如果不行的话， 将插件包 c rx 后缀改为 ir 格式，再将 iir 压缩包文件解压到一个文件夹内。 在扩展程序界面，点击右上角加载已解压的扩展程序，然后选择解压后的文件夹即可。安装完成之后可以登录谷歌账号访问应用商店，下载更多的插件， 还能使用谷歌搜索，更精准的找到答案。如果你还没有用过谷歌浏览器，不妨安装个试试。关注黑白办公公众号，回复插件三，获取插件链接。

在 crom 的开发者工具中，我们可以使用性能监视器，再使用内存面板，按时间线记录内存分配的情况，定位并解决内存泄漏问题。 如果你还不知道怎么操作，接下来我带着实力给大家讲解一下啊。大家来看这样一个例子，那么既然有内存泄露的话，那么肯定我们在使用我们的程序的过程中，它的占用的内存会不断的增长，并且 不会有这个下降的趋势，那么我们可以来到这个，来到这个 chrome 的这个性能监视器面吧，然后我们可以通过观察这个 gship size 来观测我们内存的变化情况，如果他一直在上升的话，那么他可能就有内存泄露的一个风险，比如说我现在，我现在就使用我的这个应用，是吧？我在这个电影院啊，电影和影院这两个态度之间来回的切换，切换的时候大家注意看那个 gs 黑 size， 它其实 在不断的增长，刚才只有几十兆，现在到了一百多兆了，是吧？好，我继续，我继续点的话，那么可以看到他的 aps 已经来到了两百，这个时候我们使用这个强制的一个内存回收，可以看到也可以看到，最多他也只能回收到一百兆左右， 所以我有有理由怀疑这里是有内存泄漏的，接下来我怀疑他有内存泄漏，如何给他找出来呢？我们就得用到 crom 开发者工具的另一个另一个功能呢， 我们来到科尔姆开发者工具的这个内存面板，然后在这我们可以选择按时间线来记录内存分配的情况，点击开始， 接下来的话，我就可以重复我之前的这个操作，在电影和影院之间来回的切换，嗯，在我切换的过程当中，大家就可以看到，那么右侧就会不断有这个，不断有这个蓝色的条，然后它代表的就是我们现在在内存中当中已经 分配的内容，而且他并没有得到释放。然后接下来我们停止记录，好停止记录之后呢，我们可以选中，我们可以聚焦到某一个这个条上面，然后在这个下面的一个列表当中就给我们列出来了那么这一块内存中当中所包含的所有电量， 然后这些变量的这个构造函数，我们可以看到啊，有这个，有斯俊，然后还有 vivo 的 component， 我们可以注意观察一下，这个有某一些可能，就是某一些实力特别大的特别多的一些变量，比如说这个 是正式吧，这得有多少个了？个十百千万，十万、二十八万，那好像是有些离谱了，然后我们可以点开把它看一看，他可以看到那么他确实是有很多支付串，然后这个支付串呢，我们可以选择其中的某一个，然后可以看到这个支付串的引用，他是在 window 的一个叫做历史的 变量中。啊，那确实，那这呢可能就是我们的一个怀疑对象了，那么我们可以来搜索我们的原代码，然后 就可以看到，那么元旦码当中确实有个地方往这个 window 的历史当中不断的这个存储一些内容，是吧？那么这个内存泄露的原因就被我们找到了，那这就是我今天要给大家分享的所有内容，如果大家觉得我的视频对你有所帮助的话，千万不要忘了点个赞哦！

想用 ai 控制浏览器，却发现要重新登录所有账号。 chrome mcp server 来了，它不需要新开浏览器，而是直接接管你手里正在用的 chrome。 传统的浏览器自动化工具，比如 playprite， 它们会启动一个全新的浏览器环境，里面什么都没有， 没有你的登录态，没有你的设置，更没有你的书签和历史记录。每次使用都要从头开始，重新登录，收验证码，折腾半天才能工作。 chrome mcp server 完全不同，它是一款 chrome 插件，配合本地服务器的组合，让你的 ai 直接操作你正在浏览的 chrome。 你 的所有标签页、登录态、插件设置， ai 都能直接使用，零额外资源占用，打开就能工作。第一大优势，附用你的登录态。 想让 ai 帮你收藏小红书文章，传统工具需要先登录，而 chrome mcp 直接在你已登录的页面操作。 github twitter notion 飞书。 ai 操作，完全不需要重新验证。第二大优势，读取你的浏览历史， 只需一句话， ai 就 能分析你最近一周的浏览记录，告诉你主要关注哪些话题，所有数据本地处理，不会上传云端。第三大优势，管理你的书签。让 ai 把当前页面加入工作资料文件夹，或者找出所有关于 python 的 书签，甚至清理失效链接， 操作的就是你日常用的那个 chrome。 除了利用你的个人浏览器环境，它还提供二十多个实用工具，页面截图、网络监控、表单填写、羽翼搜索、标签管理样样精通。 对比传统方案， chrome mcp 在 浏览器环境、登录、附用、资源占用、启动速度、个人数据访问等方面全面领先 chrome， 原生 a p i 全访问，不受 playwrite 限制，安装非常简单，下载 chrome 扩展并加载安装 mcp bridge， 然后在客户端添加配置即可三步搞定，立即可用。 chrome mcp server 的 最大价值是让 ai 真正融入你的工作流，而不是强迫你去适应 ai 的 干净环境。项目已开源， get up 搜索 chrome mcp server 即可找到，觉得有用记得点赞收藏！

每天教会你使用一个神器，今天是谷歌浏览器手机版，安卓、苹果、鸿蒙都可以使用。话不多说，有需要的低调领取。附带详细下载安装教程。首先点视频右下角分享按钮分享复制链接，复制成功后我们去打开这个蓝色小鸟， 如果没有可以下一个，打开后会自动弹出一个资源包，万一碰到没弹出，就去这里搜索花妹精选进去，打开这个文件夹之后，找到这个软件保存下载安装就 ok 啦。

刚遇到一个问题，挺影响使用的，就是每次打开这个谷歌浏览器的时候，登录账号之后呢，再关闭重新登录的时候， 呃，这些个登录信息都全部失效了。然后查了一下资料，可以在这个地方点击三个小点点之后找到设置，在这边有个隐私与安全设置，有个网站控制网站设置，往下滚动找到更多内容设置， 这里有个设备端网站数据，把这个给他勾选上，允许网站将数据保存在设备上。 我之前是用的这个，在关闭所有窗口时，删除网站已保存的设备数据，然后就会每次关闭浏览器再重新打开，都需要重新的进行登录。把这个设置好之后呢，就不用再重新登录了。

给大家看一下我今天早上 web q 定的一个工具，就是呢，我做了一个 chrome 插件，可以切入式的去翻译我在 twitter 上浏览的这些啊，推文啊帖子一类的。 那你看呢，我其实只用了这一个对话框， ai 一个对话框就完成了这个小项目，这给我的感受呢，就是现在呢，这个呃，程序员和普通人技术壁垒真的就是打破了。 哥，我感觉就像这个写程序，就像以前你会用 word 文档，会做 ppt 一 样，它只是一个工具，关键就在于你使用的经验。还有呢，你的想法其实就特别像现在这个做自媒体啊创作者一样，以后呢就是开发程序呢，也是一个创作性的一个内容， 所以你只要有想法呢，就一定要去大胆去实现。我觉得呢，就是动手做，然后更多的实践是更重要的。这个小项目呢，也只是花了我早上半个多小时的时间，现在呢刚刚八点钟，虽然它还有些 bug， 但是我后面可以再给它完善一下啊，那不到 八点，我做了这个小项目，然后再录完这个视频，就正好准备去收拾一下去上班。

大家好，鉴于用谷歌 qa 浏览器的小伙伴也很多，所以呢，我们这节课再介绍一下在 cream 里面怎么样通过电脑模拟手机的形式浏览网页。 我们这是在 clare 里面啊，在 clare 里面，那 clare 里面我们如果要以手机的方式来模拟浏览这个网页的效果呢？一样的，跟在 a 剧里面一样，操作，在页面的任何地方，右键选择检查，选择检查， 然后再弹出的这个检查这个界面呢，同样的按 ctrl shift m， 他就在模拟 我们在手机上浏览这个页面的效果，或者不按 ctrl 加 m， shift 加 m 点击这个 按钮也是一样的啊，这个在跟微软的 ag 其实是差不多的，就在不同的这个设备里面去访问是同样的这个效果啊，在这里点击，那还是那句话，现在呢， 尤其像微软这样的大厂，他的网页开发的对各种终端的适应都是比较好的。那当然我们在手机里面模拟这个呢，很多时候主要是用于 做网页测试开发的人员。还有一个呢，就是我们想看一下，哎，这个网页我可能将来要在手机上去浏览，但是 我不知道效果怎么样，那如果效果不好，那我可能就不在手机上去浏览了，如果效果好，我就把它收藏起来，将来随时随地可以去查阅，尤其是一些知识类的内容。那这个就是在 a 剧里啊，在谷歌的 crown 浏览器里面，通过以手机 仿真的形式，在电脑上也可以查看一个手机的浏览效果。那快捷键是 ctrl shift 加 m 等，前提是你要先进入到检查，每次六分钟让你溜起来。