CHOME - 技术教程文章
Chrome截长屏
本文地址：https://www.cnblogs.com/veinyin/p/9257833.html Chrome截取长屏一直是一个痛点，之前尝试过第三方截图工具，但是不是收费就是不怎么好用，今天看到了一个 chrome 自带方法，记录一下。 1. 打开开发者工具（默认开发者都会） cmd + option + I 或 cmd + option + J F12 或 ctrl + shift + I 2. 打开命令行 cmd + shift + P ctrl + shift + P 3. 在命令行输入capture full size screenshot，执行即可 END~...
Chrome Dev tools的几点小技巧【图】
figure:last-child { margin-bottom: 0.5rem; } #write ol, #write ul { position: relative; } img { max-width: 100%; vertical-align: middle; } button, input, select, textarea { color: inherit; font: inherit; } input[type="checkbox"], input[type="radio"] { line-height: normal; padding: 0px; } *, ::after, ::before { box-sizing: border-box; } #write h1, #write h2, #write h3, #write h4, #write h5, #write ...
google chrome调试
1，同样的代码使用firefox运行不会报错，正常运行。2，同样的代码使用google chrome 有时候会误报网页？如下：代码可以在 firfox edge正常运行，在chrome opera 运行报错。应该是兼容性问题。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> function BinaryTree(){ //初始化节点对象，包括3个属性 var Node=functio...
在chrome中删除表单文本框中自动填充的文本~
当您在某个表单字段中键入信息时，可能会出现一个包含您曾经在该字段键入的文本的菜单。要删除特定的已保存文本，请使用键盘上的箭头键在菜单中选择该文本，然后按 Shift+Delete。Mac 下的话用 Shift + Fn + Backspace 就好~原文：https://www.cnblogs.com/chenxiao3602/p/14720592.html
Chrome扩展移植到Edge浏览器教程【代码】【图】
微软在推出Edge浏览器之初，就把能够使用扩展（extension）作为一个重要功能。在Win10一周年更新版(1607)中，这项功能正式向广大用户推出（当然，Insider用户早就测试了一段时间了）。在Build2016上，微软表明，为了简化开发者的工作，正在准备推出一款专用工具，用于将Chrome浏览器的扩展移植到Edge浏览器中。 ▲商店中已有的Edge扩展 1.简介 最近，这项工具（Microsoft Edge Extension Toolkit）也面世了。这个工具还挂...
Chrome浏览器开启多线程下载【图】
其实Chrome浏览器是可以开启多线程下载的在地址栏输入chrome://flags/,然后在搜索框中输入Parallel downloading，选择enabled，重启Chrome即可。原文：https://www.cnblogs.com/ivmoe/p/13785283.html
6_1 selenium 安装与 chromedriver安装【代码】【图】
安装seleniumselenium可以直接可以用pip安装。pip install selenium安装chromedriver 下载chromedriver的版本一定要与Chrome的版本一致，不然就不起作用。有两个下载地址：1、http://chromedriver.storage.googleapis.com/index.html2、https://npm.taobao.org/mirrors/chromedriver/当然，你首先需要查看你的Chrome版本，在浏览器中输入chrome://version/例如我的版本是72.0.3626，所以下载 配置（选择项）解压压缩包，找到chrome...
中文版Chrome浏览器不支持12px以下字体的解决方案【代码】
中文版Chrome浏览器不支持12px以下字体的解决方案Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px，英文版则没有限制，主要是因为chrome认为汉字小于12px就会增加识别难度，尤其是中文常用的宋体和微软雅黑。而我们在实际项目中，对于数字/英文内容，其他字体的文本可能会有特殊的需求要求它们以更小的字号来显示，这个时候就需要取消浏览器的自动调整功能了。一般解决方案是禁止webkit浏览器配置调整网页的字体大...
有哪些可以节省chrome内存的扩展插件？【图】
不知道从什么时候开始，chrome浏览器就这样不知不觉的超过IE浏览器成为全球第一大浏览器。我们在赞赏chrome浏览器流畅的速度时，更多的是对其chrome插件功能的赞赏。但是我们也发现了一个致命的缺点：chrome标签页打开太多，电脑就会很卡。由于Chrome 采用了标签页单进程设计，所以当我们使用 Chrome 同时打开多个标签页浏览网页时，系统内存占用也将大大增加。这就是人们经常抱怨的Chrome内存占用太多的问题。虽然说使用太多的chr...
Chrome插件开发笔记
使用 XMLHttpRequest来抓取盗版小说网站里面的内容，但是注意需要在manifest.json文件中设置permission var xhr = new XMLHttpRequest();xhr.open("GET", "http://www.biqukan.com/1_1207/", true);xhr.onreadystatechange = function() { if (xhr.readyState == 4) { // var resp = eval("(" + xhr.responseText + ")");}}xhr.send();本来还以为纯JS跨域问题应该无法跨越，没想到chrome插件中跨域请求这么方便....popup.html中...
Chrome 开发工具之Elements【图】
友情提示:全文图片高能，如使用手机阅读，请确保在wifi情况下或者流量充足。图片有点渣，也算辛苦做出来的，请别嫌弃～Elements面板主要展示当前页面的组织结构，在如今的应用程序中，HTML页面初始化时加载的不一定就是之后看到的DOM树，有一个页面结构的实时调试工具可以很好的帮助开发者调试开发和调试bug，下面开始认识下Elements面板。打开开发工具1.右键点击页面，点击"检查" (mac && window)2. control+command+j (mac) 和 f...
chrome浏览器地址栏输入，变成可编辑文本模式【代码】
chrome浏览器地址栏输入以下代码：data:text/html,<html contenteditable> 或者在浏览器开发者控制台console处输入document.body.contentEditable = true 原文：https://www.cnblogs.com/sunbey/p/8372212.html
IDEA/WebStorm中出现"windows找不到chrome"的解决方法【图】
windows找不到chrome的原图新安装IDEA或者WS后,在.html文件点击浏览器图标,报错"windows找不到chrome" 找到 电脑的浏览器的图标,单击图标,点击属性,复制地址 C:\Users\Administrator\AppData\Local\Google\Chrome\Application\chrome.exe在WebStorm或IDEA中,通过shift + alt +s键,进入设置页面,在上方搜索框中输入WebBrowsers,修改浏览器的Path变量即可 IDEA/WebStorm中出现"windows找不到chrome"的解决方法原文：https://www.cnb...
一起来做chrome扩展《可配置的代理》【代码】【图】
一、本文主要涉及相关内容：chrome.proxypacScriptbrowser_actionpopuplocalStroage二、预览（代理运行截图，图中的代理服务器有防火墙，暂不对外）如图所示，代理配置界面通过点击browser_action按钮打开，在popup页面内进行。可以设置服务器，也可以添加删除站点。好了，开始一些简单的说明工作三、proxy在chrome扩展中，要使用proxy同任何一种chrome对象一样，需要在json配置中允许chrome操作，在之前的几篇文章中都有介绍，像这...
Firefox和Chrome拼性能，结果……【图】
Google 于上周推出了 Chrome 75 的首个稳定版，更新说明里面虽然一如既往地写到“包含性能改进”，但对包括笔者在内的大部分用户而言，这些所谓的改进其实很难感知。所以才有了性能基准测试。Phoronix 网站今天发布了一份 Chrome 和 Firefox 的性能测试对比报告，以获取新版 Chrome 和 Firefox 的性能表现。测试对象是 Chrome 75 和 Firefox 67 的最新稳定版，以及 Firefox 68 的最新 beta 版。虽然 Chrome 和 Firefox 的市场份额占...
IE6-11使用location.href提交时的链接复制到firefox或chrome时出现乱码【图】
这是在开发国际机票查询页时碰到的一个问题，测试工程师在IE里执行查询操作，然后把查询的url赋值到firefox的地址栏，firefox打开后就变成乱码了。1. IE浏览器，选择出发地，出发日期等后点击下查询 2. 跳转到查询页，赋值IE浏览器里的URL 3. 拷贝到Firefox/Chrome浏览器地址栏，会发现出现了乱码 对比看下IE和Firefox的URL情况发现是由于location.href方式在IE中没有进行URI编码，改成form提交后就好了。IE6-11 http://ijipiao.jd...
基于.net开发chrome核心浏览器【一】【图】
原文:基于.net开发chrome核心浏览器【一】说明： 这是本系列的第一篇文章，我会尽快发后续的文章。源起 1.加快葬送IE6浏览器的进程 世界上使用IE6浏览器最多的地方在中国 中国使用IE6浏览器最多的地方在企业中 让他们自己去装个chorme太难了 索性开发个浏览器（其实是浏览器的外壳）给他们 用"代码改变世界"是博客园园友的口号 2.一劳永逸的解决浏览器兼容问题 各种浏览器的CS...
chrome插件开发.在content_script异步加载页面后, 如何进行JS通信与调用的问题【代码】
使用场景在开发Chrome插件时, 有一种需求:要求在WEB页面显示一个浮动窗口(A), 在此窗口中允许用Ajax方式调用另一个服务器上的一个页面(B)B页面上有独立的功能用JS写function来实现 已知条件窗口A可以利用content-script.js动态生成窗口A中放置一个按钮, 调用Onclick方法召唤出B页面, 样例代码如下<button onclick="invokeContentScript(‘openalertWin()‘)">test</button>具体实现的functionfunction openalertWin(){var domobj =...
[python爬虫] Selenium切换窗口句柄及调用Chrome浏览器【图】
因为我的博客是根据我每个阶段自己做的事情而写的，所以前言可能有点跑题，但它更有利于让我回忆这个阶段自己的所作所为。这篇文章主要介绍Selenium爬虫获取当前窗口句柄、切换窗口句柄以及调用Chrome浏览器几个知识点，其中获取当前句柄的方法是非常重要的一个知识点，只有真正遇到的时候才能体会到它的强大。 最近课程比较多，写博客的内容也比较杂，包括网站搭建、HTML设计、计算机图形学、Python数据挖掘、Flash动画等。...
[浏览器] Chrome的密码安全机制【图】
This page includes a password or credit card input in a non-secure context. A warning has been added to the URL bar. For more information, see https://goo.gl/zmWq3m.翻译：此页面包含密码或信用卡输入，在不安全的上下文中。一个警告被添加到了URL栏中。有关更多信息，请参阅https://goo.gl/zmWq3m。解决方法：给你的input密码框加上 autocomplete="new-password" 这段属性即可解决。产生原因：页面中包含type是passwor...
Chromuim proxy Api 提取代里proxy调用Chrome隐身多窗口 多COOKIE 工具【图】
Chromuim proxy Api提取proxy调用Chrome隐身 多COOKIES 多窗口工具每一个代理拥有一个独立的窗口和USERDATA 独立COOKIES 伪装UAUA：<script type="text/javascript" > document.write( navigator.userAgent); </script>内置两条收费proxyAPI订单号提供proxy自定义API或URL提取（正则匹配）针对蚂蚁代理API进行调整适配（具体请参考蚂蚁代理API页面的缺胳膊断脚接口参数说明） 其它参数：url/tid/order/num/operator/area/ports/for...
Chrome 制作绿色便携版【图】
1.建立一个新的文件夹命名为Chrome2.将电脑上默认的Chrome文件复制到新的文件夹Chrome里包含安装文件和Chrome数据文件 Chrome数据文件一般在"C:\Users\用户名\AppData\Local\Google\Chrome\User Data"里3.新Chrome文件夹下的Chrome.exe添加一个快捷方式到桌面4.设置页面的Chrome快捷方式在目标里输入自定义的Chrome数据文件地址下面是我的设置："D:\Program Files (x86)\Google\chrome.exe" --user-data-dir="D:\Program Files ...
没有服务器，关于angular路由访问静态页面chrome报错的问题【图】
这个找不到html,报错因为没有xhr，但是在火狐下没有问题的。比如说ajax，直接写路径的话，我们的chrome也是不支持的，火狐可以的。原文：http://www.cnblogs.com/coding4/p/5607129.html
chrome浏览器播放背景音乐
以前每次给背景添加音乐时，有时候可以播放，有时候播放不了，当时也没注意，现在注意了一下，当使用谷歌内核浏览器时，用以下代码，背景音乐绝对可以播放：（只是个例子）html代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>chrome浏览器播放背景音乐</title> <script src="js/JS.js" type="text/javascript" charset="utf-8"></script> </head> <body> <audio id="music" controls="controls" style=‘...
chrome浏览器安装redux-devtools调试工具【图】
1.点击进入https://www.chromefor.com/ 2.在搜索框搜索redux进行下载3.下载好之后将文件后缀名crx按F2手动改为rar(不要直接压缩）4.改好后缀名之后点击鼠标右键 选择解压文件5.在chromel浏览器地址栏进入chrome://extensions/6.打开右上角开发者模式开关7.点击加载已解压的扩展程序 选择第4步解压得到的文件夹8.安装成功原文：https://blog.51cto.com/13550695/2455083
chrome表单自动填充去掉input黄色背景解决方案【代码】
chrome表单自动填充去掉input黄色背景解决方案 情景一：input文本框是纯色背景的可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的黄色背景；如：input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; border: 1px solid #CCC!important; } 如果你有使用圆角等属性，或者发现输入框的长度高度不太对，可以对其进行调整，除了chrome默认定义的background-color，background-image，col...
chrome flash
chrome://settings/content/flash 在Chrome地址栏中输入：chrome://settings/content/flash，进入Flash设置，勾选允许网站运行flash。也可以选择“在允许网站运行 Flash 前先询问"选项，以便可以对flash的播放做一些控制。可以直接将信任的网站加到允许的网站列表中，或以后通过界面控制再加也可以。原文：https://www.cnblogs.com/runliuv/p/10259228.html
Chrome 如何查看/修改Cookie【图】
原文：http://www.cnblogs.com/panxuejun/p/7274979.html
Cookie或将被替换！Chrome工程师提议新型HTTP状态管理协议【代码】【图】
Cookie或将被替换！Chrome工程师提议新型HTTP状态管理协议 问题Cookie允许无状态的HTTP协议支持有状态会话，在web上，我们依靠Cookie实现了很多有趣的功能。即便如此，Cookie依然还是有很多问题：使用起来不够安全，浪费资源，使用一种令人惊讶的方式追踪用户在网络上的活动。安全：这些年我们引入过很多的特性，试图提供合理的安全属性给那些关心安全的开发者，但也只是降低了安全问题而已：Cookies对JavaScript来说默认是可用的（...
scrapy selenium 设置chromedriver不加载图片【代码】
from selenium import webdriver‘‘‘设置chromedriver不加载图片,可以加速加载页面的速度‘‘‘chrome_opt = webdriver.ChromeOptions()prefs={"profile.managed_default_content_settings.images":2}chrome_opt.add_experimental_option("prefs",prefs)browser = webdriver.Chrome(executable_path="C:\Program Files (x86)\Google\Chrome\Application\chromedriver.exe",chrome_options=chrome_opt)browser.get("https://www.t...