小蓝枣的博客_chrome

Web 性能测试-内存泄漏测试方法之chrome内存快照

Web 性能测试-内存泄漏测试方法之chrome内存快照首先明确一下我们测试的目的：客户端浏览器的js内存是否存在泄漏，服务器端的话可不是这么测，防止用户使用时浏览器卡顿或崩溃。F12打开开发者工具，选中Memory页签下的Heap snapshot。

内存泄漏

缓存

加载

原创 2022-03-02 09:59:15 779 阅读

Chrome 私人珍藏-stylus插件实现个性化百度界面定制

先看效果图：【如果不懂代码，没关系，YHWH-以后我会告诉你！

stylus插件

ide

f5

搜索

原创 2022-03-02 09:52:34 854 阅读

chrome 技巧篇-如何查看web元素绑定的监听事件

第一步：首先通过 F12 进入开发者工具页面。第二步：选中 Elements 页签内对应的元素，可以用一个按钮来试一试。第三步：右边选择Event Listeners 页签，并取消勾选 Ancestors All。这个包含该元素所有父类绑定的监听事件。如下图所示：图中的提示框的确定按钮就绑定了一个 click 点击事件。

chrome查看监听事件

web元素监听事件的查看

开发者工具

点击事件

提示框

原创 2022-03-02 09:50:53 3198 阅读

Chrome 插件篇 - 已安装的crx插件源码查看，插件安装位置查看方法

已安装的chrome插件的源码直接存在我们的电脑中，我们通过插件的id找到对应的位置就能看到源码了。步骤一：chrome://extensions/进入插件管理页，勾选开发者模式就能看到插件的id了。步骤二：通过chrome://version/可以查看浏览器的信息，里面有浏览器所在的路径。然后找到对应id的文件夹，里面就是了。

chrome插件源码

插件安装位置

chrome

开发者模式

原创 2022-03-01 18:23:16 1235 阅读

Chrome 技巧篇-浏览器网页设置编码，解决网页乱码问题，最新版charset插件获取，UTF-8编码设置

非常简单，安装一个Charset插件就好了。有乱码的话，一般设置为UTF-8编码就好了。提供Charset最新版插件百度网盘下载。

Chrome设置编码

网页浏览器设置编码

Charset获取

原创 2022-03-01 18:10:08 1571 阅读

Chrome 技术篇-未安装的crx插件源码查看，crx类型文件解压方法

因为下载的插件有问题，想

Chrome插件解压

未安装的crx文件查看

插件安装

扩展名

chrome

原创 2022-03-01 18:09:44 522 阅读

Chrome 技术篇-F12开发者工具清理缓存，高级、专业清浏览器缓存，storage和cache都指什么、区别

打开方式：直接F12打开开发者工具，在Application页签的Storage和Cache就是浏览器的缓存。清理方法：右键-clear。<font size=2>常用的是Local、Session和Cookies这3个缓存。

开发者工具清理缓存

Chrome专业清理缓存

缓存

数据库缓存

开发者工具

原创 2022-03-01 17:41:56 1852 阅读

Chrome 技术篇-chrome浏览本地文件目录方法，浏览器查看文件目录。

Chrome浏览文件方法file:///D:/Python/像记事本.txt等类型的文件直接可以进行查看。其它类型的文件点击会变成下载。

chrome浏览文件目录

浏览器查看文件目录

chrome

文件路径

python

原创 2022-03-01 17:37:46 2455 阅读

Chrome 技术篇-将程序打包为crx文件，chrome插件的打包方法。

在chrome的扩展程序页签，勾选开发者模式，点击打包程序，拓展程序根目录选择要打包的程序，秘钥空着就行，再点击打包拓展程序即可。

将程序打包为crx文件

Chrome插件打包方法

chrome

扩展程序

开发者模式

原创 2022-03-01 17:35:29 176 阅读

Chrome 技术篇-console控制台检测xpath、css唯一性

$x可以获得xpath的dom集合，$$可以获得css的dom集合。length可以反映出集合里的dom个数。等于1的话就代表只有一个dom，就说明xpath或css是唯一的。

css

原创 2022-03-01 17:31:31 318 阅读

Windows 技术篇-本地组策略编辑器添加模板方法，设置chrome浏览器本地组策略演示

Windows 技术篇-本地组策略编辑器添加模板方法，设置chrome浏览器本地组策略演示。安装方式：通过在运行输入 gpedit.msc 打开本地组策略编辑器。然后右键管理模板，选择添加/删除模板。

本地策略编辑器安装chrome组策略

chrome

右键

原创 2022-03-01 17:18:08 723 阅读

chrome 技术篇-控制台切换框架，切换dom操作区

我们操作控制台时，默认可能会进入某个框架里的 dom 里，这样你就只能操作当前 dom 里的节点，如果我们要操作外部的内容，就要切换框架了，其中 top 是最外层。虽然 top 是最外层，但是想操作某个框架里 dom 的内容也不行，需要切到对应的框架里。总结就是：外部是个大的 dom 文件

chrome 控制台切换框架

操作控制

原创 2022-03-01 17:16:43 342 阅读

Chrome 插件：无痕浏览模式下加载插件、启用插件设置方法

Chrome 插件：无痕浏览模式下加载插件、启用插件设置方法。通过 chrome://extensions/ 进入 chrome 插件列表，进入插件的详细信息页。在无痕模式下启用的开关勾选上。然后就好了。

chrome无痕模式启用插件

chrome

原创 2022-02-14 16:25:23 1974 阅读

Chrome 插件开发-右键菜单开发实战演示，浏览器页面右键菜单选项设置，插件右键菜单点击插件名跳转主页设置

Chrome 插件开发-右键菜单开发实战演示，浏览器页面右键菜单选项设置，插件右键菜单点击插件名跳转主页设置。右键菜单指的是我们在浏览器页面里鼠标弹出来的菜单，我们可以在这个菜单里加入我们插件的功能选项，高端大气上档次，主要是方便我们进行设置哈哈。

chrome插件右键菜单

chrome插件跳转主页

菜单项

chrome

右键

原创 2022-02-14 16:20:37 1587 阅读

JavaScript 技术篇-navigator.permissions读取chrome剪切板权限获取不生效原因：只有在https协议下使用有效。手动设置chrome页面剪切板读取权限方法

JavaScript 技术篇-navigator.permissions读取chrome剪切板权限获取不生效原因：只有在https协议下使用有效。手动设置chrome页面剪切板读取权限方法。获取剪切板权限，如果是在 F12 控制台执行，需要在 5 秒内点击一下网页内容，这个是只有焦点在页面里才可以用，

chrome读取剪切板

navigator权限

剪切板

chrome

网页内容

原创 2022-02-11 16:09:57 2045 阅读

Chrome 插件开发-主动获取所有页签的tabid，background.js直接向所有页签同步传递消息

Chrome 插件开发-主动获取所有页签的tabid，background.js直接向所有页签同步传递消息。有时候 backgroud.js 需要向所有的页签同时同步消息，这时就要获取到所有页签的 tabid 了，下面的方法即可实现。

chrome插件开发

获取所有页签的tabid

chrome插件同步发消息

chrome

发送消息

原创 2022-02-11 16:08:22 501 阅读

JavaScript 技术篇-chrome浏览器读取剪切板命令document.execCommand(‘paste‘)返回false原因及解决方法

JavaScript 技术篇-chrome浏览器读取剪切板命令document.execCommand(‘paste‘)返回false原因及解决方法。新版本 chrome 执行document.execCommand('paste') 返回 false 因为读取剪切板涉及用户隐私安全，

js读取剪切板

chrome读取剪切板权限

剪切板

chrome

javascript

原创 2022-02-11 16:06:44 1131 阅读

Chrome 浏览器降级后浏览网站不保留用户数据问题原因及解决方法

由于浏览器降级导致新浏览器的数据不被老浏览器兼容。我的 jira 系统登录很多次了，每次重启浏览器一点记录都没有了，勾选记住登录信息也不管用。解决方案如下：1. 升级 chrome，兼容了就 ok 了。2. 删部分用户数据（一般问题可解决）。3. 删整个 Default 用户数据，重新生成（可以备份插件和书签，再恢复回来，问题基本可以解决）。通过 chrome://version 查看个人资料的存放位置。然后删除里面的 Login Data、Login Data-journal 这两个文件

chrome用户数据

数据

重启

chrome

计算机

原创 2022-01-15 17:21:28 1092 阅读

Chrome 技术篇-F12开发者工具清理缓存，高级、专业清浏览器缓存，storage和cache都指什么、区别

打开方式：直接F12打开开发者工具，在Application页签的Storage和Cache就是浏览器的缓存。清理方法：右键-clear。<font size=2>常用的是Local、Session和Cookies这3个缓存。

开发者工具清理缓存

Chrome专业清理缓存

缓存

数据库缓存

开发者工具

原创 2021-08-01 07:45:44 1085 阅读

Chrome 技术篇-console控制台检测xpath、css唯一性

$x可以获得xpath的dom集合，$$可以获得css的dom集合。length可以反映出集合里的dom个数。等于1的话就代表只有一个dom，就说明xpath或css是唯一的。

css

原创 2021-07-31 10:48:38 342 阅读

Web 性能测试-内存泄漏测试方法之chrome内存快照

Web 性能测试-内存泄漏测试方法之chrome内存快照首先明确一下我们测试的目的：客户端浏览器的js内存是否存在泄漏，服务器端的话可不是这么测，防止用户使用时浏览器卡顿或崩溃。F12打开开发者工具，选中Memory页签下的Heap snapshot。

内存泄漏

缓存

加载

chrome

chrome浏览器

原创 2021-07-31 10:48:14 889 阅读

Chrome 私人珍藏-stylus插件实现个性化百度界面定制

先看效果图：【如果不懂代码，没关系，YHWHCSDN-以后我会告诉你！】喜欢的登陆下点个赞，要不作者都没动力了。特色：霸气的背景，简约没有任何杂质的外观，细长的滚动条，当然，这是我自己设置的。更重要的是，你可以根据你的喜欢自己来定制！！！步骤一：打开插件主页，点击编写新样式。步骤二：点击导入，把代码copy进去，覆盖样式后，起个名字保存即可，打开百度，即可体验！搜索时还...

stylus插件

ide

f5

搜索

ico

原创 2021-07-31 10:47:49 241 阅读

chrome 技巧篇-如何查看web元素绑定的监听事件

第一步：首先通过 F12 进入开发者工具页面。第二步：选中 Elements 页签内对应的元素，可以用一个按钮来试一试。第三步：右边选择Event Listeners 页签，并取消勾选 Ancestors All。这个包含该元素所有父类绑定的监听事件。如下图所示：图中的提示框的确定按钮就绑定了一个 click 点击事件。

chrome查看监听事件

web元素监听事件的查看

提示框

点击事件

监听事件

原创 2021-07-31 10:46:57 1682 阅读

Chrome 插件篇 - 已安装的crx插件源码查看，插件安装位置查看方法

已安装的chrome插件的源码直接存在我们的电脑中，我们通过插件的id找到对应的位置就能看到源码了。步骤一：chrome://extensions/进入插件管理页，勾选开发者模式就能看到插件的id了。步骤二：通过chrome://version/可以查看浏览器的信息，里面有浏览器所在的路径。然后找到对应id的文件夹，里面就是了。

chrome插件源码

插件安装位置

chrome

开发者模式

Chrome

原创 2021-07-31 10:46:53 4327 阅读

Chrome 技术篇-chrome浏览本地文件目录方法，浏览器查看文件目录。

Chrome浏览文件方法file:///D:/Python/像记事本.txt等类型的文件直接可以进行查看。其它类型的文件点击会变成下载。

chrome浏览文件目录

浏览器查看文件目录

chrome

文件路径

python

原创 2021-07-31 10:46:48 2755 阅读 1收藏

Chrome 技术篇-未安装的crx插件源码查看，crx类型文件解压方法

因为下载的插件有问题，想

Chrome插件解压

未安装的crx文件查看

扩展名

插件安装

chrome

原创 2021-07-31 10:46:47 345 阅读

Chrome 技巧篇-浏览器网页设置编码，解决网页乱码问题，最新版charset插件获取，UTF-8编码设置

非常简单，安装一个Charset插件就好了。有乱码的话，一般设置为UTF-8编码就好了。提供Charset最新版插件百度网盘下载。

Chrome设置编码

网页浏览器设置编码

Charset获取

Chrome

原创 2021-07-31 10:46:45 748 阅读

Chrome 技术篇-将程序打包为crx文件，chrome插件的打包方法。

在chrome的扩展程序页签，勾选开发者模式，点击打包程序，拓展程序根目录选择要打包的程序，秘钥空着就行，再点击打包拓展程序即可。

将程序打包为crx文件

Chrome插件打包方法

chrome

扩展程序

开发者模式

原创 2021-07-31 10:46:43 720 阅读

chrome 技术篇-控制台切换框架，切换dom操作区

我们操作控制台时，默认可能会进入某个框架里的 dom 里，这样你就只能操作当前 dom 里的节点，如果我们要操作外部的内容，就要切换框架了，其中 top 是最外层。虽然 top 是最外层，但是想操作某个框架里 dom 的内容也不行，需要切到对应的框架里。总结就是：外部是个大的 dom 文件，可以控制里面的 frame 和 iframe 框架，但是 frame 和 iframe 里的 dom 它

chrome 控制台切换框架

操作控制

原创 2021-07-31 10:44:05 370 阅读

Chrome 插件：无痕浏览模式下加载插件、启用插件设置方法

通过 chrome://extensions/ 进入 chrome 插件列表，进入插件的详细信息页。在无痕模式下启用的开关勾选上。然后就好了。

chrome无痕模式启用插件

chrome

原创 2021-07-31 10:37:27 1798 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

小蓝枣的博客