Chrome

Chrome DevTools 小技巧 1.表格视图 console.table(arr2/obj, [arrColName]); // 以列表形式显示对象属性/值或者多维数组键/值 2.计时 console.time/timeEnd(str); // 成对出现，配合使用 3.snippet 可以把自己的调试工具库放进去，非常方便 4.图片取色 用浏览器打开图片，审查元素，设置任意色值，用取色器取色 5.常用快捷键 Ctrl + Shift + f 跨文件查找 Ctrl + Shift + o 查找函数定义 Ctrl + p 转到Sources面板 Ctrl + Shift + c 审查元素 Ctrl + L 跳转到指定行 ESC 显示/不显示console Ctrl + L 清空console 零.主面板 1.常用功能 模拟设备（横屏切换），模拟触摸事件（默认开启） 2.不常用功能 模拟网络（移动网络性能优化），模拟经纬度、加速度，调试媒体查询 二.Elements 1.常用功能 定位，临时修改，查看css规则，事件监听 2.不常用功能 DOM断点 （插入断点，子树更新/属性值更新/节点移除时触发，对应DOM3级节点更新事件），拖放节点修改DOM结构， 强制元素显示hover/active等状态 三.Network 1.网络面板能做什么 哪个资源最晚开始下载？

nginx 反向代理及 https 证书配置 author: yunqimg(ccxtcxx0) 1. 编译安装nginx 从官网下载 nginx源码 , 并编译安装. ./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module make && make install 编译时注意添加 SSL 模块, 否则配置 https 时会失败. 安装完成后, nginx 程序默认保存在 /usr/local/nginx/sbin/ 目录下, 启动 nginx 命令如下 /usr/local/nginx/sbin/nginx -c /home/nginx/nginx.conf 推荐使用指定 配置文件路径方式启动, 这样在 docker 方式部署时方便修改配置文件. 2. 反向代理配置 基本配置范例： ## Basic reverse proxy server ## upstream backend { server 127.0.0.1:8080; # local server } server { location / { proxy_pass http://backend; } } upstream 节点记录后端服务器地址, backend 是节点名称. Nginx

Selenium是一个用于Web应用程序自动化测试工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。支持的浏览器包括IE（7, 8, 9, 10, 11），Mozilla Firefox，Safari，Google Chrome，Opera等。 主要功能包括：测试与浏览器的兼容性——测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上。 测试系统功能——创建回归测试检验软件功能和用户需求。支持自动录制动作和自动生成 .Net、Java、Perl等不同语言的测试脚本。 Selenium也是一款同样使用Apache License 2.0协议发布的开源框架。 1、 支持平台 WebDriver支持Android和BlackBerry两个移动平台的浏览器测试。Android目前为市场占有率第一的移动平台，对于在其上面进行自动化测试，推荐Appium，Appium扩展了WebDriver的协议，支持ios平台和Android平台上的原生应用、Web应用和混合应用等。 2、支持浏览器 WebDriver 目前所支持的浏览器包括：Firefox、Chrome、IE、Edge、Opera、Safari. 为什么会选择上面几款浏览器进行支持呢？主要与浏览器的内核有关。 3、支持模式 HtmlUnit和PhantomJS是两个比较特殊的模式

　　Selenium是一套自动化测试框架。官方网站是：https://www.seleniumhq.org/ 某些童鞋访问可能需要翻墙。 　　Selenium支持多种语言开发，例如Java，Python，C#，PHP等。本系列将使用Java开发，使用Eclipse作为开发工具，Selenium版本3.9.1，系统Win10。 　　一。Eclipse和JDK的下载和安装 　　　　Selenium3.x要求Java8或以上，Eclipse4.7.2要求JRE8u112，环境需求可看：　　　　　https://www.eclipse.org/eclipse/development/plans/eclipse_project_plan_4_7.xml#target_environments 　　　　我们使用最新版的JDK9 　　　　JDK9的下载地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk9-downloads-3848520.html 　　　　JDK的下载需要注册Oracle账号。 　　　　Eclipse（4.7.2）免安装版Oxygen.2的下载地址：http://www.eclipse.org/downloads/eclipse-packages/ 　　　　 　　　　　JDK的安装非常简单，不断下一步即可

前端学习目标 基础课程：HTML + CSS javaScript DOM BOM AJAX HTML5 + CSS3 应用课程：jQuery easyUI 移动端开发 响应式开发 PHP基础 H5UI bootstrap less/stylus 模板引擎 swiper iscroll select2 工程课程：ES5/6/7 git&GitHub nodeJS mongoDB mySQL webpack gulp babel VUE 微信小程序 REACT 学习前端所需要用到的工具 欲善其事必先利器，工具花样不在多，重点在人的技术本身。 最简化工具有 chrome 浏览器、 editplus 编辑器、 pxCook 量图器。后续随着课程推进，会慢慢介绍各种辅助工具，在这里就罗列，以免干扰新手小白。 浏览器 浏览器是网页的载体，是咱们前端工程师的主战场。浏览器常用的有 IE系列、火狐（FireFox）、谷歌（chrome）、Safari（苹果）、Opera等 浏览器市场份额 在2020年，浏览器的霸主地位已经确立，Chrome凭借超简约的界面以及强大的扩展性夺得宝座，当然少不了国内浏览器大量使用chromium内核带来的二次推广的贡献 查看网站 : https://tongji.baidu.com/research/site 开发工具 开发工具很多

版本： 右键 生成，微信可以扫码打开。 来源： oschina 链接： https://my.oschina.net/u/4267236/blog/4949944

selenium 是一套完整的web应用程序测试系统，包含了测试的录制（selenium IDE）,编写及运行（Selenium Remote Control）和测试的并行处理（Selenium Grid）。Selenium的核心Selenium Core基于JsUnit，完全由JavaScript编写，因此可以用于任何支持JavaScript的浏览器上。 selenium可以模拟真实浏览器，自动化测试工具，支持多种浏览器，爬虫中主要用来解决JavaScript渲染问题。 用python写爬虫的时候，主要用的是selenium的Webdriver，我们可以通过下面的方式先看看Selenium.Webdriver支持哪些浏览器 安装selenium，如果已经安装过pip。直接运行一下命令。 pip install - U selenium 另一种方式， https://pypi.python.org/packages/source/s/selenium/selenium-2.52.0.tar.gz 下载并解压。这里简述一下windows版本，其实Unix下也差不多，使用Wget下载一下安装。 使用命令（setup一般用于第三方模块的安装）：cd c:\Python3\xxxx python setup.py install selenium2结合了selenium和webdriver

点击上方“蓝字”关注我们 启动设置 const browser = await puppeteer.launch({ headless : true , args : [ '--no-sandbox' , '--disable-setuid-sandbox' , '--disable-blink-features=AutomationControlled' , ], dumpio : false , }); webdriver // webdriver await page.evaluateOnNewDocument( () => { const newProto = navigator.__proto__; delete newProto.webdriver; //删除 navigator.webdriver字段 navigator.__proto__ = newProto; }); window.chrome // 添加 window.chrome字段，向内部填充一些值 await page.evaluateOnNewDocument( () => { window .chrome = {}; window .chrome.app = { InstallState : 'hehe' , RunningState : 'haha' , getDetails : 'xixi' ,

Mozilla官方文档建议的是 直接使用 autocomplete = ‘off’ 即可禁止输入框从浏览器cache获取数据，博主以前使用这个也就足够兼容浏览器了。 现在发现，却在chrome、firfox上有兼容性 无法解决。 后来查阅相关资料得到以下解决方法： 1：可以设置一个默认的input用来接收浏览器的默认填充，并且设置css为dispaly：none 形如： <input type = 'text' style='display:none'> 这样既不会影响用户的体验，也可以兼容所有的浏览器，但经过测试却发现，在chrome上不起作用，在firefox上也只能对type != password的 输入框起作用。 2：autocomplete = 'new-password' <input type='text' > <input type='password' autocomplete='new-password' > 使用上诉代码，在chrome上既可生效，用户名与密码都不会自动填充，但是firefox上任然会自动填充用户名 3：结合上诉两个情况 <input type='text' style='display:none'> <!-- 针对firefox --> 用户名：<input type='text' autocomplete='off'> 密码：<input

浏览器都差不多的，不是崇洋媚外，只要你不用国产的都挺好。 Edge，FireFox，Chrome 和手机上的Safari 都挺好。 大部分人都不会用 F12 调试代码吧，所以都差不多，FireFox 和 Chrome 的自带调试功能挺好的，Edge 也不错，大概是因为都使用同一个内核吧。 还是有点推荐你使用 FireFox，因为有 FireFox 的开源才让微软不再垄断，才有我们现在这么多选择。使用下 FireFox 也是对开源世界的支持。 https://www.ossez.com/t/topic/13291 来源： oschina 链接： https://my.oschina.net/honeymoose/blog/4948589