开篇chrome
Selenium 4使用getDevTools() 和 executeCdpCommand()访问Chrome DevTools
Selenium - 用这个力量做任何你想做的事情 - 知乎 (zhihu.com) 检查 DOM 中的元素即时编辑元素和 CSS检查和监控网站的性能模拟用户的地理位置模拟更快/更慢的网络速度执行和调试 JavaScript查看控制台日志 捕获HTTP请求拦截HTTP响应 ......
Chrome扩展开发系列开篇
基于 Chromium 的浏览器占了全球市场的 7 成！对于前端开发来说，Chrome 更是形影不离的饭碗级软件 ?。既然 Chrome 这么重要，那么把它研究透一定大有裨益。在我看来，Chrome 值得深入研究的地方有两块：DevTools 和 Extension。 ......
推荐给前端开发的 5 款 Chrome 扩展
工欲善其事，必先利其器。Chrome 可能是前端开发中使用最多的浏览器。在日常开发中，下列几款 Chrome 扩展也许能让你的开发工作事半功倍 ? ......
【python】浏览器自动化Selenium安装WebDriver最新Chrome驱动
selenium 是浏览器自动化测试框架，原本被用于网页测试。但到了爬虫领域，它又成为了爬虫的好帮手。selenium 可以控制你的浏览器，模仿人浏览网页，从而获取数据，自动操作等。 首先打开 Chrome 浏览器，依次点击浏览器右上角的 三个点 - 帮助 - 关于 Google Chrome 查看 ......
打造一个极度舒适的Chrome扩展项目开发环境
Chrome 扩展项目使用前端 html，css，js 基础技术开发，一大痛点就是改动代码后的扩展更新问题。仔细想想想，目前前端项目开发已经有 HMR 热重载技术，在开发 Web 页面时可以实时查看效果，极大的提升了开发体验。那么，能否把这种极致的体验带到 Chrome 扩展开发中来呢？经过多番折腾... ......
Chrome扩展的核心：manifest 文件（下）
大家好，我是 dom 哥。这是我关于 Chrome 扩展开发的系列文章，感兴趣的可以 点个小星星。 在上篇和中篇中已经完成了对 manifest 文件中以下字段的解释： "manifest_version" "name" "version" "description" "icons" "conten ......
Chrome扩展开发实战：快速填充表单
填表单是打工人经常面对的场景，作为一个前端，我经常开发一些PC端的页面，它们主要由表单和表格构成，而输入框又是表单里最常见的表单项。接下来就试着做一个简单的小扩展，用于快速给表单里的输入框填充值。 ......
Chrome扩展的核心：manifest 文件（中）
在 Chrome 扩展开发中，manifest 文件是项目的核心，其中 "content_scripts"，"background"，"permissions" 配置项又至关重要！ ......
chrome edge CORS 允许跨域
edge: edge://flags/#block-insecure-private-network-requests chrome: 在谷歌浏览器地址栏输入“chrome://flags/#allow-insecure-private-network-requests”，然后将“Allow ins ......
开发Chrome扩展程序，核心manifest 文件（上）
大家好，我是dom哥。我正在写关于 Chrome 扩展开发的系列文章，感兴趣的可以点个小星星。 Chrome 在全球浏览器市场份额独占 6 成，无论是对普通用户还是开发者，都是电脑里的必备利器。Chrome 无论是在性能还是 UI 交互方面都非常出色，而 Chrome 扩展则为开发者提供了接口，让开 ......
Chrome扩展的核心：manifest 文件（上）
Chrome 在全球浏览器市场份额独占 6 成，无论是对普通用户还是开发者，都是电脑里的必备利器。Chrome 无论是在性能还是 UI 交互方面都非常出色，而 Chrome 扩展则为开发者提供了接口，让开发者有能力自己编写代码使自己的 Chrome 更强大，更加定制化。 ......
Centos7安装chrome、chromedrive
安装流程 yum install https://dl.google.com/linux/direct/google-chrome-stable_current_x86_64.rpm cd /opt/google/chrome/ wget http://npm.taobao.org/mirrors/ ......
chrome弧形标签页实现思路收录
1. 直线圆角，通过单个伪元素的border-radius产生弧形 <template> <div class="tab-list"> <div v-for="tab in tabs" :key="tab.id" class="tab-item" :class="activeTab tab.id ? ......
从浏览器原理出发聊聊 Chrome 插件
浏览器架构演进 单进程浏览器时代 单进程浏览器是指浏览器的所有功能模块都是运行在同一个进程里，这些模块包含了网络、插件、JavaScript 运行环境、渲染引擎和页面等。在 2007 年之前，市面上浏览器都是单进程的。 单进程浏览器的架构 很多功能模块运行在一个进程里，是导致单进程浏览器不稳定、不流 ......
java-selenium 使用固定版本chrome浏览器和chromedriver，解决chrome自动升级无法与Chromedriver匹配问题
1、获取Google chrome、chromedriver 地址：https://googlechromelabs.github.io/chrome-for-testing/ 2、将2个压缩包解压，存放到固定目录 比如我的chromedriver位置为：D:\file\jar\chromeDriv ......
使用 Chrome 开发者工具分析 UI5 Web 应用的性能
UI5 是一款企业级 Web 前端应用的开发框架。笔者不时会收到社区朋友发起的咨询，问我如果 UI5 应用开发好之后，运行时出现性能问题，应该怎么办。 在我们的生活中，病人向医生求助，医生会开具各种检查和化验单，病人检查完后，医生根据报告上的各种参数，进行病情诊断和开药。刑警在案发现场，通过地上的脚 ......
google chrome remote debbuging vulnerability
Form of expression The first is linpeas.sh in the process of detection found that there is a remote debugging of google chrome.the phenotype and analy ......
配置webDriver(Chrome浏览器)
1. 查看Chrome浏览器版本号 方法1：Chrome浏览器，设置 > 关于Chrome 方法2： 在Chrome浏览器的地址栏，输入chrome://version/，回车后即可查看到对应版本 2. 下载Chrome Driver Chrome Driver 下载地址：https://googl ......
Chrome浏览器对不同标签页进行着色
方法1：使用标签组 Chrome 浏览器的标签组功能允许您将标签分组在一起，并为每个组分配不同的颜色。要创建标签组，请右键单击一个标签，然后选择“添加到新组”。您还可以将标签拖放到另一个标签上以将其添加到组中。 要更改标签组的颜色，请单击标签组的圆点，然后选择“更改颜色”。您可以从预定义的颜色列表中 ......
不再支持安卓 7.0！谷歌Chrome浏览器120稳定版发布
今天，谷歌面向所有支持平台，发布了Chrome浏览器的120 稳定版更新，该版本不再支持安卓7.0/7.1系统。 在新功能上，Chrome浏览器120稳定版推出一项新的“主动安全检查”功能，该功能会定期运行，检查浏览器是否存在安全问题，并在检查完成之后通知用户。 在设置中也为此新增了一个新的“安全检 ......
selenium.common.exceptions.SessionNotCreatedException: Message: session not created: This version of ChromeDriver only supports Chrome version 103 Current browser version is 106.0.5239.0
pyhon 调selenium报： selenium.common.exceptions.SessionNotCreatedException: Message: session not created: This version of ChromeDriver only supports Chro ......
解决谷歌浏览器 Google Chrome不能拖拽安装离线插件的办法
我使用的谷歌浏览器版本是119.0.6045.160（正式版本） （64 位） 之前多台电脑都可以通过拖拽安装crx格式的扩展程序，最近公司配好了新的笔记本，但今天下载好crx文件发现拖动之后并不可以安装，并且已经打开了开发者模式，还是会显示禁用的小图标。 解决方式首先打开下面地址：chrome:/ ......
javascript之如何禁用chrome开发者工具自动网络录制
在 chrome 开发人员工具中，每次加载页面时，我都单击“网络”选项卡并看到“记录”按钮处于事件状态/红色。即使我禁用了网络流量记录，当我刷新同一页面或打开另一个网站时，我也会看到 Chrome 正在“网络”选项卡中记录流量。 在开发具有大量流量的大型 Web 应用程序时——第 3 方 API、来 ......
1、开篇 - 编程指导系列文章
笔者进行软件编程已经有十多年的时间了。这些年，最主要的学习内容在开始的那些年，后面因为转了管理方向，所以其它技术内容就是知道有这么个东西，但是没实际去编程。这段时间没啥事，就想把原来的代码进行下重构，解决一些技术问题，然后，就想着把编程这类事情做一个指导系列的文章，用来记录下编程开发的过程例子，于是 ......
谷歌Chrome浏览器排查js内存溢出
1. 打开谷歌浏览器检查台 2. 点击memory 3. 点击开始快照录制，时隔一会儿录一次，多录几次 4. 进行快照对比 ......
Why I see scss file in my chrome inspector?
Why I see scss file in my chrome inspector? Because there are map files in your CSS folder like *.css.map and *.scss.map. It basically reverse maps th ......
谷歌浏览器(Chrome) 打开所有网页报错错误代码：STATUS_STACK_BUFFER_OVERRUN
1、在开始菜单，搜索【Exploit Protection】，点击进入程序设置 2、添加程序进行自定义，点击左侧+号，选择【按程序名称添加】 3、程序名称输入：chrome.exe 4、在程序设置页面，往下翻到第十三个设置，【硬件强制实施地堆栈保护】，勾选替代系统设置，开关开启，选择仅审核，点击应用 ......
mac下，利用chrome浏览器长截图（滚动截图）
1、打开需要截图的网页，随便选一个，然后「右键」「检查」，如下图。 2、点击「检查」，出现控制台窗口后，按「command+shift+p」键，如下图所示。 3、在「Run」的后面，输入「capture full size screenshot」，或者单独输入某个单词，也能在列表中找到，如下图。 4 ......