CHOME - 技术教程文章
FireFox VS Chrome 之 调试篇
一个完美的调试工具，FireBug！精确跟踪每一步。只要按下图所示，选择“脚本”，然后在下方选择脚本所在的文件即可对该文本的执行进行断点跟踪。并且仅当一个线程运行结束后，才会去执行另外的线程的执行过程，这跟大多数多线程调试工具是一致的。Chrome 内置的调试功能，在某些情况下，并不能很好的把断点和实际断点代码对应起来，这种情况发生在 WebStore 中传入的断点的情况。所以还是直接在 Chrome 中找到对应的文件，再次添加...
Chrome浏览器访问https页面显示ERR_CERT_INVALID，且无法跳过继续访问【图】
Chrome访问https页面显示ERR_CERT_INVALID，以往版本可以选择跳过，继续访问，但是新版本Chrome不允许继续，且提示：您的连接不是私密连接攻击者可能会试图从 XX.XX.XX.XX 窃取您的信息（例如：密码、通讯内容或信用卡信息）。了解详情NET::ERR_CERT_INVALID将您访问的部分网页的网址、有限的系统信息以及部分网页内容发送给 Google，以帮助我们提升 Chrome 的安全性。隐私权政策XX.XX.XX.XX 通常会使用加密技术来保护您的信息。Go...
chrome架构【代码】
无论你是想要设计高性能 Web 应用，还是要优化现有的 Web 应用，你都需要了解浏览器中的网络流程、页面渲染过程，JavaScript 执行流程，以及 Web 安全理论，而这些功能是分散在浏览器的各个功能组件中的，比较多、比较散，要怎样学习才能掌握呢？通过浏览器的多进程架构的学习，你就可以把这些分散的知识点串起来，组成一张网，从而让自己能站在更高的维度去理解 Web 应用。因此，学习浏览器的多进程架构是很有必要的。Chrome 打开...
'chromedriver' executable needs to be in PATH【图】
查看Chrome版本号：chrome://settings/help下载相应版本chromedriverhttp://npm.taobao.org/mirrors/chromedriver/解压后放入C:\Python27目录下（我之前已经将其设置为环境变量）' executable needs to be in PATH' ref='nofollow'>'chromedriver' executable needs to be in PATH原文：https://www.cnblogs.com/v5captain/p/13167647.html
Chrome的页面分析工具Lighthouse【图】
Chrome的调试工具中可以看到lighthouse，查了下资料，简单记录如下。 lighthouse可以检测网页的质量，分别针对网页的Performance、Accessibility、Best Practices、SEO进行检测评分，并给出相应的优化建议，方便站长优化网页的加载速度、搜索引擎排名等。 按下F12后，可以看到lighthouse，选择Mobile或Desktop后，点击“Generate report”生成报告，显示“lighthouse is warming up”，生成的过程需要花费一些时间。 Perf...
修改Chrome默认搜索引擎为Google.com
在使用Chrome的时候，Google为增强本地化搜索，或将默认的Google搜索引擎转换为本地语言，如在中国会自动转到google.com.hk，日本会会自动转到google.co.jp，如果你是一个Google.com控，比如博主我就是，不喜欢这种方式的话，你可以自己动手将其改为Google.com而不进行自动跳转。通常情况下，Google Chrome的默认Google搜索引擎为{google:baseURL}search?{google:RLZ}{google:acceptedSuggestion}{google:originalQueryForSuggesti...
Chrome 插件: 起动本地应用 (Native messaging)【代码】
Chrome 插件: 起动本地应用 (Native messaging)www.MyException.Cn 网友分享于：2014-08-01 浏览：3次 Chrome 插件: 启动本地应用 (Native messaging)最近碰到了一个新问题，需要利用Chrome 的插件, 从我们的一个网站中启动一个我们的本地C#应用，同时给这个应用传值来进行不同的操作。在这里记录下解决的过程，以便以后查找 首先我们需要新建一个google的插件 这个插件包含了三个文件manifest.json(名字不可改, 建插件必须文件)...
Chrome浏览器无法将网页中的图片保存到本地的问题【图】
今天在浏览网页时看到一张图片不错，想保存下来，在图片上点击右键》图片另存为，结果试了好多次都没有反应。环境： Windows 7操作系统 Chrome 版本 41.0.2272.76 m (64-bit)原因： 后来发现是这个安全警告框的原因，点击运行以后一下子弹出好多个文件保存对话框，之前试了好多次都没有反应，现在全都弹出来了。/*‘).addClass(‘pre-numbering‘).hide();$(this).addClass(‘has-numbering‘).parent().append($numbering);for...
Chrome 39 CSS3 渐变动画BUG【代码】【图】
本来地图网页运行的好好的，突然从上周四(2014/11/27)开始，就开始接到 PM 和 QA 说网页崩溃的报告。然后我就在本机重现，刚开始以为是有网页上有什么内存泄漏；可是都运行这么长时间了，并且 IE 和 Firefox 都没有出现过此问题，看来应该是和 chrome 有关系了。说归这样说，可是需要证据啊。于是就猜测是不是 Chrome 新自动升级引入的BUG，然后就开始了漫长的排查过程。找了好几个同事来协助排查，也没有发现页面上有任何内存使用...
Anaconda常用命令大全 - CSDN博客 - Google Chrome【代码】
Anaconda常用命令大全2016年07月31日 19:36:10阅读数：20877使用conda 首先我们将要确认你已经安装好了conda配置环境 下一步我们将通过创建几个环境来展示conda的环境管理功能。使你更加轻松的了解关于环境的一切。我们将学习如何确认你在哪个环境中，以及如何做复制一个环境作为备份。测试python 然后我们将检查哪一个版本的python可以被安装，以及安装另一个版本的python，还有在两个版本的python之间的切换。检查包 1)我们将罗列...
Wappalyzer(chrome网站分析插件)【图】
Wappalyzer是一款功能强大的、且非常实用的chrome网站技术分析插件，通过该插件能够分析目标网站所采用的平台构架、网站环境、服务器配置环境、JavaScript框架、编程语言等参数，使用时很简单，开启你要分析、检测的网页后，点选该图示即可看到网站使用的相关技术和服务 chrome://extensions/】进入chrome扩展程序，解压你在本页下载的Wappalyzer插件，并拖入扩展程序页即可。 在浏览网页中，点击浏览器右上角的Wappalyzer插件图...
【转】ubuntu12.04下安装chrome浏览器
原文网址：http://blog.163.com/zhou_411424/blog/static/197362156201331931313549下载google chrome deb包32位：https://dl.google.com/linux/direct/google-chrome-stable_current_i386.deb64位：https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb如果从官方下载64位太慢，可以使用此地址：http://www.onlinedown.net/soft/16792.htm注意：使用ubuntu 12.04 beta1时，最好使用主服务器的软件源，中国...
Ubuntu 14.04 LTS下安装Google Chrome浏览器【图】
在Ubuntu 14.04下安装Google Chrome浏览器非常简单，只要到Chrome的网站下载Deb安装包并进行安装即可。当然你也可以使用APT软件包管理器来安装Google Chrome浏览器，如果你想使用APT软件包管理器安装Google Chrome浏览器的话，本文将介绍这两种方法。目前Linux下的Google Chrome浏览器有三个版本，稳定版、Beta（测试版）和Unstable（不稳定版，也就是Dev版）。其中Beta相对较稳定，而最新的功能将会先出现在Unstable版中，经过一段...
font-size<12 chrome不支持解决【代码】【图】
今天，群里有人问道font-size<12 chrome不支持的问题。说实话，这个我一直都没留意过，正好借个机会给自己补习一下。 自己亲自试过，确实如此，当font-size<12 chrome都当12px处理了，据说以前有个属性可以用，不过已经淘汰不支持了，也无法验证，那这里就不说了。这里用的方法是用css3的新属性：transform:scale();来达到对文本进行缩放，但是注意，他会对做用的元素进行整体缩放，而这不是我们所希望的，因为我们只是想单...
谷歌chrome浏览器和火狐firefox浏览器自带http抓包工具和请求模拟插件
谷歌chrome浏览器自带http抓包工具chrome://net-internals/ 谷歌chrome浏览器http请求模拟插件：postman 火狐http请求模拟插件：httprequest火狐http抓包插件：firebug 原文：http://www.cnblogs.com/gisblogs/p/4059342.html
搭建用Selenium模拟chrome浏览器运行环境，为模拟登陆做准备【代码】【图】
搭建Selenium自动化环境1、首先需要下载好对应自己chrome对应的chromedriver我们在地址栏中输入chrome://version可以查看到更加详细的版本情况。不仅可以显示浏览器版本，还显示了用户代理，Flash版本，路径和状态信息等 在这里插入图片描述2、根据自己的chrome下载对应的chromedriver版本（可以通过这里查找）http://chromedriver.storage.googleapis.com/index.html 在这里插入图片描述 3、下载完毕后，本地指定一个文件夹 在...
chrome表单自动填充导致input文本框背景变成偏黄色问题解决
chrome表单自动填充后，input文本框的背景会变成偏黄色的，想必大家都会碰到这种情况吧，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性造成的，解决方法如下，感兴趣的朋友可以了解下情景一：input文本框是纯色背景的 可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的黄色背景；如： 代码如下:input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; ...
Chrome F12调试【图】
Chrome调试面板常用面板展示 定位小箭头按钮(左边第一个): 选中Elements面板, 并启动该按钮, 可以在页面中定位相应元素的源代码位置, 或者选择源代码位置可定位到页面相应的元素。手机-PC视图切换按钮(左边第二个): 启动该按钮, 网页可以在pc网址网页和手机网址网页之间进行转换。支持IPad、IPad Pro IPhone 8P、IPhone XS等。Elements面板(元素面板): 该面板显示了渲染完毕后的全部HTML源代码, 在使用selenium爬取网页时可通过这些...
linux中安装selenium+chrome遇到问题【代码】【图】
登录界面出现乱码问题 需要安装linux 字体出现以下情况代理问题 try:if not check_url:url_list = [# "https://www.google.com",# "https://www.youtube.com/","https://www.baidu.com/",# "https://www.360.cn/",# "http://ip.3322.org/"# "https://www.lazada.co.id"]check_url = random.choice(url_list)headers = {# ‘User-Agent‘: random.choice(pc_user_agent_list)‘User-Agent‘: ‘Mozilla/5.0 (Windows NT 10.0; Win...
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">【图】
转载的，这个基本知识http://www.cnblogs.com/yoosou/archive/2012/07/27/2612443.html x-ua-compatible 用来指定IE浏览器解析编译页面的model x-ua-compatible 头标签大小写不敏感，必须用在 head 中，必须在除 title 外的其他 meta 之前使用。1、使用一行代码来指定浏览器使用特定的文档模式。<meta http-equiv="x-ua-compatible" content="IE=9" ><meta http-equiv="x-ua-compatible" content="IE=8" ><meta http-equiv="x-ua...
使用div做输入框chrome和firefox当中光标问题的解决方法
光标问题在ie的解决方法和chrome、firefox的解决方法//element是文本对象，location是光标移动的位置function setPos(element, location){ if(element.createTextRange{//IE下 var range = element.createTextRange(); range.collapse(true); range.moveEnd(‘character‘, pos); range.moveStart(‘character‘, pos); range.select(); }else if (document.createRange) { //chrome/firefox var ra...
2.4 chrome 开发者工具【图】
开发者工具顶部有Elements、Console、Network等八个栏目。常用的有三个：Elements，用来查看需爬取字段的HTML标签信息；Console，可以检测你的JS代码；Network，用来分析HTTP请求。Sources调试使用在左侧的脚本代码编号，鼠标点击即可添加断点，添加断点后，刷新网页，程序运行到断点即可看到断点调式的状态了，具体调试需要在自己想查看某个方法里边是否有问题，一步步排除，效果很好 Resources可以查看web程序跑起来后所加载的一...
Chrome-逆向分析JS-2获取发送请求位置（以datatables获取表格数据为例）
剧透：就是使用了一下Chrome Source的XHR/fetch Breakpoints 功能，在发送请求时在该行进入断点调试。# 一：不认识一下XHR/fetch Breakpoints 这个功能么？ 可以去 https://developers.google.com/web/tools/chrome-devtools/ 这里找找，但一般人都打不开，我在这里大概说一下。1. 勾上Any XHR or fetch就能在发送任何请求时在该行进入断点调试 2. 同时点右上角的加号或右键选择 Add breakpoints ，输入一个字符串，在URL包含该字符...
selenium chromedriver与chrome版本对照表【代码】
chromedriver下载地址所有chromedriver均可在下面链接中下载到：http://chromedriver.storage.googleapis.com/index.html国内连接：http://npm.taobao.org/mirrors/chromedriver/selenium简单案例rom selenium import webdriver from bs4 import BeautifulSoup #实例化一个浏览器对象 bro = webdriver.Chrome(executable_path=‘D:\爬虫\谷歌访问助手/chromedriver.exe‘) #发起一个get请求 bro.get(url=‘http://125.35.6.84:81/x...
Chrome扩展开发之二——Chrome扩展中脚本的运行机制和通信方式【代码】【图】
目录：0.Chrome扩展开发（Gmail附件管理助手）系列之〇——概述1.Chrome扩展开发之一——Chrome扩展的文件结构2.Chrome扩展开发之二——Chrome扩展中脚本的运行机制和通信方式3.Chrome扩展开发之三——Chrome扩展中的数据本地存储和下载4.Chrome扩展开发之四——Gmail API的简单介绍5.Chrome扩展开发之五——OAuth2的理解6.Chrome扩展开发之六——GmailAssist核心功能的实现（包括Gmail API的使用中的技巧和注意事项）7.Chrome扩展...
chrome书签（收藏栏）的导入导出【图】
原文：http://www.cnblogs.com/tanrong/p/7627017.html
chrome显示比例过大-设置缩放比【图】
谷歌浏览器-->属性-->目标：增加： /high-dpi-support=1 /force-device-scale-factor=1注意中间有个空格。原文：http://blog.51cto.com/coffee/2091708
CentOS 6.4安装谷歌浏览器chrome
参考：http://jingyan.baidu.com/article/4b52d702790ddcfc5c774b17.html原文：http://www.cnblogs.com/wjw334/p/CentOS.html
web调试-禁止/清空chrome页面缓存【图】
Chrome会对页面缓存，web页面调试的时候，后端修改页面、js之后，刷新页面经常不生效，非常不方便。 有一些小技巧可以解决该问题。技巧一：开发者工具-setting/设置，可以关闭缓存。开发者工具-network，也可以直接勾选“Disable cache”。技巧二：长按导航栏刷新按钮，有“清空缓存并硬性重新加载”选项。原文：https://www.cnblogs.com/amyzhu/p/8410492.html
64bit ubuntu 14 04 LTS 安装 google chrome
wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.debsudo dpkg -i google-chrome-stable_current_amd64.deb如果由于依赖问题导致安装不成功，执行sudo apt-get -f install再执行sudo dpkg -i google-chrome-stable_current_amd64.deb原文：http://www.cnblogs.com/kingsniper13/p/5058805.html