CHOME - 技术教程文章
想要快速清除Chrome浏览数据？我都是直接用键盘快捷键！【图】
想要快速清除您的Chrome浏览数据吗？Chrome基于其他开源软件撰写，包括WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。小编来教你如何用键盘快捷键清除Chrome浏览数据，无需浏览菜单，只需简单的点击即可快速清除各种浏览数据。 首先，打开“ Chrome”。在任何窗口中，根据您的平台，按以下三键快捷键组合。 -Windows或Linux：按Ctrl + Shift + Delete -Mac：按Command + Shift + Backspace键。（在M...
关于Chrome内核88版本无法正常使用Adobe Flash Player公告
关于Chrome内核88版本无法正常使用Adobe Flash Player公告尊敬的Flash Player用户：因谷歌最新发布版本Chrome 88已不再支持Flash Player，“允许运行Flash”入口已下架。受此影响，涉及Chrome 88内核的浏览器〔如谷歌浏览器、Edge浏览器（帮助：查看Edge浏览器如何打开IE模式运行Flash）等〕均无法正常使用Flash Player。使用发生异常的用户可尝试更换浏览器，为确保Flash Player的正常运行，用户可选择支持Flash Player的浏览器使...
Chrome的页面分析工具Lighthouse【图】
Chrome的调试工具中可以看到lighthouse，查了下资料，简单记录如下。lighthouse可以检测网页的质量，分别针对网页的Performance、Accessibility、Best Practices、SEO进行检测评分，并给出相应的优化建议，方便站长优化网页的加载速度、搜索引擎排名等。按下F12后，可以看到lighthouse，选择Mobile或Desktop后，点击“Generate report”生成报告，显示“lighthouse is warming up”，生成的过程需要花费一些时间。 Performa...
Chrome和VS Code中的Vue.js调试【代码】【图】
VS Code中安装的最新版的Debugger for Chrome扩展程序 更新您的Webpack配置vue.config.js文件中配置：// 是否为生产环境 const isProduction = process.env.NODE_ENV == "production"; const port = 1028; // dev port module.exports = {publicPath: "./", // 基本路径，打包时加上outputDir: process.env.outputDir || "prod", // 输出文件目录productionSourceMap: !isProduction,configureWebpack: config => {if (process.env...
chrome里面的一些小技巧
通过并行下载的方式加快下载速度 chrome://flags/#enable-parallel-downloading 问题： 断点续传是什么意思？ range-accepts range 谷歌浏览器下载文件，暂停和继续下载是如何实现的？ windows 和mac os如何在命令行打开文件夹？ windows explorer . mac os open .一群好奇心很重的人，通过贯通的网络和搜索引擎相遇，这才是有趣的事情。
chrome设置--disable-web-security解决跨域
chrome 浏览器跨域配置，参考文档 https://blog.csdn.net/baiqiangdoudou/article/details/100185786 https://www.cnblogs.com/zhongxia/p/5416024.html https://blog.csdn.net/wo541075754/article/details/88779288 本人执行的命令 sudo open -a "/Applications/Google Chrome.app" --args --disable-web-security --user-data-dir=/Users/yourName/chromeDevUserData/
Google Chrome浏览器报错：net::ERR_BLOCKED_BY_CLIENT【图】
记录一下今天要死的我，由于今天一位大佬给我的谷歌浏览器装了访问国外网址的插件，我正因为自己拥有谷歌账号而开心时，今天下午就糟心到了极点，因为大佬看我插件装的少，推荐了一个清除广告的插件给我，本来觉得挺好的，谁能想到，我今天一下午找bug，原因竟然是因为广告插件。 运行不报错 网页显示一半 正常显示为 打开控制台发现竟然报错 一个简单的ajax请求 再三仔细检查也没发现什么毛病 解决办法： 当我们查看浏览器第...
Mac上解决Chrome跨域问题【代码】【图】
我的跨域报错信息：net::ERR_CONNECTION_REFUSED url写成下面这样也不行 xhr.open('GET', 'http://127.0.0.1:8000/time.php');打开终端，写入： open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/x x x/Documents/文件名 敲回车，然后Chrome会弹出一个窗口， 点击启动Google Chrome，会发现与之前的Chrome相比，此时的Chrome多了上方的一段提示，告诉你现在使用的模式并不安全。...
前端每日一知之让Chrome支持小于12px的文字【图】
脑图在线链接本文内容依据【js每日一题】公众号精彩文章总结而来
Chrome 和 FireFox 查看:active,:hover,:focus样式【图】
Chrome 和 FireFox 查看:active,:hover,:focus样式 Chrome 控制台查看样式或者选中 :hov Firefox 控制台查看样式 或者选中 :hov
Chrome 浏览器安装 Postman 插件【图】
文章目录 1. 软件下载2. 插件加载3. 插件使用1. 软件下载 我的谷歌浏览器版本下载postman插件压缩包，谷歌商店需要翻墙，下载不了。可以通过百度网盘下载：百度网盘下载地址。 下载完毕进行解压。 这里需要注意的是谷歌浏览器的版本和postman的版本，某些版本会不兼容，在浏览器加载扩展程序包的时候会提示无效。 2. 插件加载 谷歌浏览器打开扩展程序。 打开开发者模式，点击加载已解压的扩展程序，找到刚才解压的文件，我的是在...
Chrome 请求过滤扩展实现【代码】
目录引子 需求具体化 实现图标相关信息配置 点击扩展打开新 Tab 页面 监听请求及配置 导出数据参考资料引子 接着 Chrome 扩展 : 入门，接下来开始实现一开始自己的想法：网络请求过滤。简单的说就是监听某个网站的所有请求，把想要的请求在扩展插件中展示出来。扩展名为 Capture Request 。Origin My GitHub需求具体化 上面的想法比较模糊，为了达到这个目的，结合文档的示例，要做的有：扩展要有对应的图标及提示。 点击工具栏扩展...
Chrome 请求过滤扩展实现【代码】
引子 接着 Chrome 扩展 : 入门，接下来开始实现一开始自己的想法：网络请求过滤。简单的说就是监听某个网站的所有请求，把想要的请求在扩展插件中展示出来。扩展名为 Capture Request 。 OriginMy GitHub 需求具体化 上面的想法比较模糊，为了达到这个目的，结合文档的示例，要做的有： 扩展要有对应的图标及提示。点击工具栏扩展图标，打开一个新的 Tab 页面，用来展示请求的相关信息。扩展监听处于激活 Tab 的网站请求，可以配置...
chrome manifest.json 2
{ // Required "app": { "background": { // Optional "scripts": ["background.js"] } }, "manifest_version": 2, "name": "My App", "version": "versionString", // Recommended "default_locale": "en", "description": "A plain text description", "icons": {...}, // Optional "action_handlers": ["new_note"], "author": ..., "automation": ..., "bluetooth": { "uuids": ["1105", "1...
chrome manifest.json 3
{// Required"manifest_version": 3,"name": "My Extension","version": "versionString",// Recommended"action": {...},"default_locale": "en","description": "A plain text description","icons": {...},// Optional"action": ...,"author": ...,"automation": ...,"background": {// Required"service_worker":},"chrome_settings_overrides": {...},"chrome_url_overrides": {...},"commands": {...},"content_capabilities...
chrome控制台API及其他使用方法【图】
copy函数 let x={ property:1, prop1:2, method:function(){} } copy(x); 将已有对象JSON表达式复制到缓冲区 复制结果如下 { "property": 1, "prop1": 2} console.dir查看所有对象的属性和方法 let x={ property:1, prop1:2, method:function(){} } console.dir(x); 结果 神奇的是 甚至可以输入DOM元素 console.time console.timeEnd可以跟踪函数调用所消耗的...
webdriver使用已打开过的chrome【代码】【图】
基本功能： 执行脚本a，打开一个chrome，脚本a执行完成，chrome未关闭。 执行脚本b，继续使用a打开的chrome，不新启浏览器。附加： 如果已打开的chrome未关闭，则在chrome中新建标签页来打开新的页面。 如果已打开的chrome已关闭，则新启浏览器。最近用python+selenium+pytest，写了个测试小工具用来自动化登陆浏览器，一方面是方便管理网址、账号、密码，存放在脚本中，另一方面也省去了频繁输入登陆网站的操作，节省了不少时间。...
【译】Chrome 扩展 : 扩展是什么?【代码】【图】
目录引子 扩展是什么? 关于扩展 扩展是如何工作的？ 用户如何获得扩展？ 关于扩展原则的一个注意事项 Hello extensions 接下来呢？ 参考资料引子 按照 Chrome 扩展 : 欢迎中的引导，接触到的相关介绍。原文：What are extensions?版本：Last updated: Friday, March 12, 2021源库：developer.chrome.com GitHubOriginMy GitHub扩展是什么? 本页简要介绍了 Chrome 扩展，并介绍了如何创建一个 “Hello，World！” 扩展。关于扩展 扩...
Edge和Chrome的亿些插件or油猴脚本推荐~~【图】
前提 今天由chrome过渡到edge了 也要整点插件嘛 也欢迎在评论一起讨论鸭 最近打算换鼠标了，一直用的这支有点飘啊 正文-插件篇 Adblock 下载地址:https://chrome.google.com/webstore/detail/adblock-—-best-ad-blocker/gighmmpiobklfepjocnamgkkbiglidom?hl=zh-CN 这个不用多说了吧，老牌广告屏蔽器 基本上你找人装机都会顺带帮你装上这个插件 （别问我为啥知道，问就是在我二年级的时候我爸买了台套装机 那个师傅就来装系统嘛 装...
在chrome中删除表单文本框中自动填充的文本~
当您在某个表单字段中键入信息时，可能会出现一个包含您曾经在该字段键入的文本的菜单。要删除特定的已保存文本，请使用键盘上的箭头键在菜单中选择该文本，然后按 Shift+Delete。 Mac 下的话用 Shift + Fn + Backspace 就好~
chrome 插件 xpath 的下载安装【图】
1. 下载地址: 链接: https://pan.baidu.com/s/1Q3iCooZi09obQKGwROUdAA 提取码: me6w 2. 安装: 先下载好：chrome_Xpath_v2.0.2.crx文件 2.1 然后将这个问题的后缀名改为rar如下：2.2 然后再解压出来如下：2.3 在chrome右上角找到选项--》更多工具--》扩展程序》点击开发者模式》才能点击加载已解压的扩展程序》选择解压后的文件夹如下：2.4安装的插件在哪里呢？如下图
Chrome 控制台使用之配置网速【图】
Chrome 控制台使用之配置网速 F12--->选择Newwork--->有红色圆点的最右侧 选择刚刚设置的网速,就可以使用,可以调试在不同网速情况下的网站加载情况
谷歌Chrome浏览器不再支持Flash Player的完全解决方案
背景： Adobe公司的Flash Player诞生于1996年，并在后来十年时间里成为了风靡一时的多媒体程序播放器，据统计Flash Player曾经达到13亿台电脑安装使用，装机率超过90%，但是随着互联网技术的发展，Flash Player更多的弊端也慢慢暴露：安全性低、兼容性差、使用效率低等。主流浏览器Chrome、Edge等也对Flash Player痛下杀手，取消了其PPAPI插件的运行支持，微软IE更是直接卸载原系统集成的Flash Player版本，使很多依旧依赖Flash Pl...
chrome浏览器调试总结【图】
chrome浏览器调试总结 1.如何调出浏览器调试工具2.开发者工具初步介绍2.1 元素（Elements）2.2 控制台（Console）2.3 源代码（Source）2.4Network详细介绍Network主题内容介绍请求文件具体说明补充1.如何调出浏览器调试工具 按F12 跳出右键检查或者（快捷键 Ctrl+Shift+i）调出 2.开发者工具初步介绍chrome 开发者工具最常用的四个功能模块：元素（Elements）、控制台（Console）、源代码（Sources）、 网络（Network）。 元素（E...
Chrome/Firefox/IE F12跟踪结果另存后导入Fiddler分析
前端开发时，各浏览器基本都可以F12打开调试模式，查看网络请求响应的交互记录。有时需要将网络请求结果导出另存做进一步分析，在Fiddler中需要使用“Import Sessions”菜单。HAR说明：HTTP存档格式（HTTP Archive format），是一种JSON格式的存档文件格式，用于记录网页浏览器与网站的交互过程。文件扩展名通常为.har。
遨游浏览器2与Google的chrome【图】
? ?遨游浏览器2与Google的chrome ? ?2008-09-03 19:30 金色海洋（jyk） 阅读(719) 评论(2) 编辑 收藏 浏览器也很强大。 看了园子里面几篇关于chrome的文章，也下载了一个玩玩，安装之后感觉很意外，因为今天早上刚刚安装了遨游2（以前一直在用遨游1来着），感觉她们两个长得有点像，先发几个截图。 遨游2——默认的界面，有点乱。 不过你可以自定义，把不想看到的都去掉，这样就只差菜单栏了。 chrome的： ...
Chrome中访问https的网址，无法访问，提示“您的连接不是私密连接”的解决办法【图】
详解见：https://jingyan.baidu.com/article/27fa7326a45ad646f8271f9d.html 在Windows电脑中，找到Chrome浏览器的快捷方式，选中该快捷方式，按下鼠标右键，在弹出菜单中选择"属性"。 在弹出的属性对话框中选择"快捷方式"页签，在目标中加入如下启动参数： --test-type --ignore-certificate-errors，点确定按钮 注意：在chrome.exe和参数之间需要加一个空格后，参数之间用空格分隔
如何开启Google Chrome 浏览器的加速模式？【图】
Google Chrome 浏览器是受欢迎的浏览器之一，安装Google Chrome浏览器的Mac用户，可能不知道开启内置硬件加速模式，可以加快浏览器运行速度。那么，如何开启Google Chrome 浏览器的加速模式？跟着小编来看看开启方法吧！ 1.打开Google Chrome 软件。2.进入谷歌浏览器页面后，点击右上角「三个点」，点击列表里边的「设置」。3.进入设置界面后，点击左边的「高级」，然后点击「系统」，最后点击开启「使用硬件加速模」即可。
如何开启Google Chrome 浏览器的加速模式？【图】
Google Chrome 浏览器是受欢迎的浏览器之一，安装Google Chrome浏览器的Mac用户，可能不知道开启内置硬件加速模式，可以加快浏览器运行速度。那么，如何开启Google Chrome 浏览器的加速模式？跟着小编来看看开启方法吧！1.打开Google Chrome 软件。2.进入谷歌浏览器页面后，点击右上角「三个点」，点击列表里边的「设置」。3.进入设置界面后，点击左边的「高级」，然后点击「系统」，最后点击开启「使用硬件加速模」即可。
Chrome-headless 模式，没有UI界面的自动化UI测试【图】
如果在本机执行UI自动化脚本，打开的浏览器总是会不同程度的影响你做别的事情，那么我们可以采用***面运行我们的UI自动化，这种模式下运行脚本并不会真正地打开浏览器，整个过程都是在后台执行的。爽歪歪。PhantomJS，HtmlUnit ，都是类似的么有界面的浏览器。（对了，虽然你的电脑上没打开浏览器，但是实际是你要是截图的话，是可以截到图的哦）今天要介绍的是，大谷歌的 Chrome浏览器的无头模式（--headless），很简单，下面上代...