谷歌浏览器

方式一： chrome的设置上跨域。 这里用windows7操作系统进行操作流程的复制： 1、关闭打开的所有的chrome浏览器（先好好检查一下，因为等下要改变的是chrome的配置，如果没有关闭，那么很可能就不会成功）； 2、创建chrome的快捷方式，然后对快捷方式进行修改。修改快捷方式的目标为： 3、双击我们创建的Chrome快捷方式，打开Chrome，如图出现“ 您使用的是不受支持的命令行标记：--disable-web-security。稳定性和安全性会有所下降”， 表示你取消了跨域限制了，可以随意跨域调用数据了。 方式二：利用chrome的插件。 https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi 打开链接，下载安装再重启chrome即可啦！该方法非常暴力，但是又非常好用，但是前提是你要有一个vpn，否则你可不能去访问chrome.google.com。 这两种方式都是在接受端进行绕行跨域，原理都是一样的通过 Access-Control-Allow-Origin * 来表示对所有网址都不设防，都可以可以信任。 文章来源: 跨域的chrome解决方式

对于刚刚开始使用Ubuntu并想安装谷歌Chrome浏览器的新用户来说，本文所介绍的方法是最快捷的。在Ubuntu上安装谷歌Chrome的方法有很多。一些用户喜欢直接在 谷歌Chrome下载页面 获得 deb 进行安装。 另一些用户喜欢通过来自Chromium的PPA进行安装。我更喜欢通过 wget 命令下载安装。通过命令行的方式是最快的，也是这篇文章想要告诉你的。 我并不是想让你换浏览器，但是如果你想要在Ubuntu下使用Chrome，那么就去安装它吧。 要开始安装Chrome，你有一些选择。首先你可以使用浏览器去访问 谷歌Chrome下载页面 然后下载一个拷贝。如果你不喜欢使用命令行，你可以使用这个方法。 而对于喜欢使用终端命令行的用户来说，可以使用以下命令来下载。 cd /tmp 对于谷歌Chrome32位版本，使用如下链接： wget https://dl .google .com /linux/direct/google-chrome-stable_current_i386 .deb 对于64位版本可以使用如下链接下载： wget https://dl .google .com /linux/direct/google-chrome-stable_current_amd64 .deb 下载完后，运行如下命令安装。 sudo dpkg -i google -chrome *

什么是Headless模式？ 在Selenium领域，Headless模式指的是在不启动浏览器，看不到界面GUI的情况下，来运行Selenium的脚本，执行测试。 Headless模式的好处： 不启动浏览器弹窗，在本机上执行时不会干扰你的其它操作。 在不关心GUI界面时，headless模式可以提升执行效率。不关心界面的场景，比如造数据、爬数据。 有些系统不提供GUI界面，只能用Headless模式 Headless的不足： 同样的脚本，Headless模式运行结果可能会与正常启动浏览器的运行结果不同 不太适用于关注GUI的测试。 怎样实现Headless模式呢？ 从Selenium V3.6开始，Selenium在Options类中提供了一个setHeadless（）的方法，通过调用这个方法我们可以轻松实现让脚本运行在Headless模式下。 Selenium启动Chrome Headless模式： package learnwebdriver; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; import org.openqa.selenium.chrome.ChromeOptions; public class ChromeHeadless {

1. 设置 Chrome 远程调试端口 首先我们需要在远程调试打开的状态下启动 Chrome, 这样 VS Code 才能 attach 到 Chrome 上: Windows系统下： 右键点击 Chrome 的快捷方式图标，选择属性 在目标一栏，最后加上--remote-debugging-port=9222 注意要用空格隔开 2. Visual Stuido Code 安装插件： 搜索 Debugger for Chrome 并安装插件，安装完成后点击 reload 重启 VS Code 3. 添加 Visual Studio Code 配置 点击 Visual Studio Code 左侧边栏的 调试 按钮， 在弹出的调试配置窗口中点击 设置 小齿轮， 然后选择 chrome, VS Code 将会在工作区根目录生成.vscode 目录，里面会有一个 lanch.json 文件并会自动打开 用下面的配置文件覆盖自动生成的 lanch.json 文件内容。 { // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go

2016年，Node 决定将 Chrome 浏览器的”开发者工具”作为官方的调试工具，使得 Node 脚本也可以使用图形界面调试，这大大方便了开发者。 npm install koa koa-router -D 新建app.js入口文件 const Koa = require ( 'koa' ); const router = require ( 'koa-router' )(); const app = new Koa(); router.get( '/:id' ,ctx=>{ console.log(ctx); let id = ctx.params.id; ctx.body = `<h1 style= "color:red;" >Hello nodejs, < sapn style = "color:blue" > ${id} </ span > </ h1 > `; }); app.use(router.routes()); app.listen(8080,()=>{ console.log("running at port 8080 ..."); }); 运行上面的脚本：app.js ndoe --inspect aap .js 打开浏览器输入 localhost:8080/3223322323 ,页面中就会输出Hello nodejs 3223322323 ͼ1 ͼ2

这篇文章是 Chrome开发者工具详解 这一系列的最后一篇，介绍DevTools最后的三个面板功能- Application 面板、 Security 面板、 Audits 面板的基本功能： Application面板简介 该面板主要是记录网站加载的所有资源信息，包括存储数据（Local Storage、Session Storage、IndexedDB、Web SQL、Cookies）、缓存数据、字体、图片、脚本、样式表等。 这个面板跟前前面几道硬菜（ Network面板 、 Timeline面板 、 Profiles面板 ）比起来简单多了，这里就稍微作一下介绍： Local Storage Application Cache Frames Frames窗格 在上图中可以查看到顶级的 top 是一个主文档，在top下面是主文档的 Fonts 、 Images 、 Scripts 、 Stylesheets 等资源。最后一个就是主文件自身。 在资源上右击后在弹出菜单选择 Reveal in Network Panel ，就会跳转到 Network 面板并定位到该资源的位置。 你也可以在 Sources 面板里面按frame类别来查看资源信息。 Security面板简介 通过该面板你可以去调试当前网页的安全和认证等问题并确保您已经在你的网站上正确地实现HTTPS。 HTTPS

cef3下载地址 说明： 1. Standard Distribution 里面包含了一些动态和静态库及源码 3. Sample Application 一个典型的示例程序 2. Release 里面仅有一个libcef.pdb 下载好后，需要自行编译一个libcef_dll_wrapper.lib库文件，编译方法： 1. 下载一个cmake程序 2. 安装好，配置环境变量，保证cmake命令能够响应（或使用gui） 3.解压下载好的源码（例如解压到：D:\Longruan\third\trunk\cef_3.3396.1775）文件夹 4.进入文件夹下（D:\Longruan\third\trunk\cef_3.3396.1775)目录 5.输入命令如下 cmake -G "Visual Studio 10" 等待执行完毕 6. 打开cef.sln工程，编译libcef_dll_wrapper工程，即可。 cef3开发的浏览器，关闭时程序崩溃 CefShutdown() ; // 执行这句话，程序崩溃 相信使用最新的cef库的同学会遇到这个问题。cef的示例程序里有完整的示例，基本能够满足要求。但是cef的示例使用了单例，在自己的程序里，如果把cef嵌入到自己的对话框中，cef是作为一个child存在的，需要把单例去掉（使用类成员可解决这个问题）。 单例模式去掉

初识selenium时候大部分人都会接触到seleniumIDE这个插件，关于这个插件的历史这里就不赘述了，后来火狐浏览器更新到55以后，就不支持seleniumIDE 了，这点不免有些遗憾，一来满满的都是回忆，二来一般小迭代，小规模测试任务上，带录制功能的工具往往会提高很多效率，当然，插件毕竟只是插件，局限性也相当明显，比如功能限制太多，不支持拓展，就seleniumIDE来说，对于iframe切换等等场景实现效果并不好，等等等等。 往往只会seleniumIDE的人应聘自动化测试职位加分为零，但是不会的话，selenium评分也不算是满分。 废话不多说，直接进入正题，火狐55后不支持seleniumIDE（暂时，以后可能会有变化），但是有很多替代品，就在我发稿时，chrome也支持seleniumIDE了，这个我之前真的没注意到过，可能是新出的。替代品其实还蛮多的，足够测试人员挑选了，如只支持chrome的sideex插件，支持chrome和firefox的katalon插件等等。本篇简单介绍下katalon的安装和使用。 一、 安装 插件安装本来没什么讲的，大概说下步骤吧，火狐直接再拓展里搜索”katalon”，安装就行，我们这里介绍下chrome安装。 http://www.ggfwzs.com/ https://chrome.google.com/webstore

文章参考链接【1】 原文链接 【2】 扩展链接 作者本人出现该问题是使用layui过程中同时使用form表单和ajax请求 Chrome请求出现”Provisional headers are shown”： 项目中遇到个好几次，分别介绍一下不同的场景： 所有的客户端的浏览器访问时都一直出现Provisional headers are shown的情况： 处理方式： 检查该请求触发的页面，查看是否有 表单提交 和 ajax请求同时触发的情况， 例如：定义了一个按钮，type是submit，另外又给该按钮定义了一个ajax事件； 这种场景是我们以前开发过程中出现的一种情况 部分客户端的浏览器出现 处理方式：调用chrome的 chrome://net-internals/#events ，然后重新触发一下请求，然后查看出现 Provisional headers are shown 的请求的日志； 查看是否存在 delegate_blocked_by 的关键字；这种一般是由于浏览器端的插件或客户端的软件对请求进行了拦截；我们出现的情况，是被 websense endpoint拦截； 如果是这种情况，基本上可以忽略啦，客户端自身的问题啦；可以考虑将插件或软件卸载后，重新尝试，看是否还出现；如果还出现，请看是否属于以下的情况 所有的客户端都随机偶尔出现过这种错误，如果是这种情况

https://pkgs.org/download/google-chrome-stable 具体下载地址为： http://dl.google.com/linux/chrome/rpm/stable/x86_64//google-chrome-stable-66.0.3359.181-1.x86_64.rpm 在centos命令行输入： [root@VM_0_8_centos local]# wget http://dl.google.com/linux/chrome/rpm/stable/x86_64//google-chrome-stable-66.0.3359.181-1.x86_64.rpm 接着输入安装命令： sudo yum localinstall google-chrome-stable-66.0.3359.181-1.x86_64.rpm 之后安装chromedriver,下载地址： https://chromedriver.storage.googleapis.com/index.html 需选择与chrome对应的版本安装，之前下载的是chrome66版本，对应的是chromedriver2.35 在centos命令行输入： wget https://chromedriver.storage.googleapis.com/2.35/chromedriver