Browser

分类下相关文章

去掉 Edge 浏览器中按钮点击时的黑边框

之前在 Chrome 中没注意按钮点击时的效果,但是到了 Edge 浏览器中异常明显。会看到一个非常扎眼的黑边框。 未点击前的按钮样式: Edge 中点击之后的按钮样式: 而 Chrome 中的边框就相对柔和很多: 删除黑边框的方法 按钮 CSS 中加入: outline: none; ...

阅读全文...

微软新 Edge 浏览器配合语法检查工具 Grammarly 确实好用

看大家都在推荐 Edge,还是没忍住,决定试一下微软新出的浏览器 Edge。因为大家都说 Edge 用起来不卡。我觉得这应该不夸张,微软虽然设计上不行,但是客户端性能优化上确实有一套核心技术。 安装 Edge 下载地址:https://www.microsoft.com/en-us/edge 唯一的遗憾是不支持 Windows XP,更大的遗憾是公司还有人在用 XP ... 安装语法检查工具 Grammarly 为啥特意使用 Edge 安装 Grammarly。因为我在 Chrome 上从来没有下载完 Grammarly,Chrome 应用商店下载速度太慢了。而 Edge 几秒钟就下载完,这点 ...

阅读全文...

Chrome 浏览器模拟大尺寸屏幕显示效果

在调试网站页面时,如果使用全屏布局,就需要模拟大屏幕的显示效果。 需要模拟的屏幕大小 2560x1440 开发机使用屏幕大小 1920x1080 模拟方法 在 Chrome - Settings - Devices 中新增需要模拟的屏幕大小,然后点击添加即可。 ...

阅读全文...

Chrome Snippets 无法在页面跳转后继续执行

测试代码 alert(1); setTimeout(function(){ window.location.href = "http://www.douban.com"; alert(2); setTimeout(function(){ console.log(1111); window.location.href = "http://www.baidu.com"; alert(3); }, 5000); }, 5000); 执行之后,会发现,在 alert 2 之后,代 ...

阅读全文...

设置网页在 360 浏览器打开时默认使用极速模式

官方给出的方案: > 浏览器默认内核的指定只需在head标签中添加一行代码即可: > 若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit"> > 若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp"> > 若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie ...

阅读全文...

Chrome 插件拉取服务端数据

manifest.json 中添加可信域名 "permissions": [ "http://www.sunzhongwei.com/" ], 事件逻辑中 var xhr = new XMLHttpRequest(); xhr.open("GET", "http://www.sunzhongwei.com/some_api", true); xhr.onreadystatechange = function() { if (xhr.readyState == 4) { document.get ...

阅读全文...

使用 Puppeteer 自动化 chrome / chromium 操作

Puppeteer 名词,傀儡师的意思。不禁想起了火影忍者。。。 基本介绍 Puppeteer 是 Google 官方的一个开源项目 https://github.com/GoogleChrome/puppeteer Puppeteer 提供了一套 nodejs 的类库用于操作 chrome / chromium,基于 DevTools 协议。 优点、缺点 优点 Google 官方支持,作为亲儿子,Puppeteer 肯定会比 Selenium 获得更多的接口支持。 缺点 目前只有 nodejs 语言支持 我非常不喜欢 nodejs ... 典型应用场景 生成网页截图、PDF 爬取 ...

阅读全文...

本地页面测试的时候,不要使用不包含 tld 的域名

比如,testing 最好改成 testing.xxx 原因是,浏览器无法对不包含 tld 的域名缓存 cookie, 至少 chrome 不可以。 Firefox 似乎可以。 所以,会导致很多跟登陆相关的页面无法测试 ...

阅读全文...

Mac 上的 Chrome 吃内存简直令人发指

随便开几个网页就卡得想砍人,特别是今天晚上遇到问题需要解决,想摔电脑的冲动都有。被迫换回了 Safari。 Google 的软件体验越来越差! 今天无意打开 Google Docs 看到 09 年写的大量笔记,很是怀念,本想继续使用 Google Docs 以替代为知笔记,但是看了那令人作呕的界面,我就放弃了。再也没有多年前那种惊艳的感觉了。现在这种 Material Design 风,在我看来,就跟微软的破抹布流一样,都是傻逼设计的偷懒作品,扼杀了大家对界面体验的想象力。当然,还有更傻逼的,那就是微云网页版,直接抄袭了 Google Docs 的 folder 视图,这么丑还有人去山寨,微云 ...

阅读全文...

Chrome 插件解决 StackOverflow 打开慢的问题

在不翻墙的情况下,StackOverflow 打开速度总是慢得感人。 通过 Chrome Network 发现是 StackOverflow 的 jQuery 文件使用了 Google CDN, 而 Google CDN 恰好被嘿嘿嘿 。。。 开始想到的方案是在 hosts 文件中把 Google 的域名的 IP 都指向 360 CDN,但是感觉这样维护起来异常痛苦,哪天 360 CDN 换了 IP 怎么办。Google 了一下,Chrome 插件就能解决。 插件下载地址在这里 ReplaceGoogleCDN 看了一下代码,逻辑就是在请求之前,将 google cdn 的域名替换成了中科大的 ...

阅读全文...

Chrome 同时登录多 Asana 账号

自从前同事灰兔子推荐了 Asana 之后,简直爱不释手。不但公司的项目用 Asana 管理,连个人的 TODO 我也逐步迁移到了 Asana 上。但是,问题来了,公司里使用的 Asana 是用公司邮箱注册的,回到家继续使用公司邮箱登录 Asana 管理个人 TODO 总感觉不合适。 个人隐私问题 公司邮箱总不能用一辈子吧 由于浏览器的 cookie 问题,在同一个浏览器里同时登录两个 Asana 账号,看上去不太可能。所以,我之前一直是同时开着 Chrome 和 Firefox, 一个登录公司账号,一个登录个人账号。看上去解决了问题,但是 Ubuntu 下使用 Firefox 编辑 Asa ...

阅读全文...

Selenium - 基于浏览器的自动化网页操作

Selenium - 硒 硒是一种化学元素,化学符号是Se,在化学元素周期表中位于第四周期VI A族,是一种非金属。可以用作光敏材料、电解锰行业催化剂、动物体必需的营养元素和植物有益的营养元素等。 非常奇怪的名字。 Selenium 的主要用途是 自动化 web 功能测试 自动化 web 操作 当然想象空间很大,比如批量注册账号,自动刷粉等。 棘手的问题 由于业务需求,需要批量注册一百个亚马逊账号,手动操作过于繁琐,特别是北美延迟很高。 安装 selenium sudo pip install selenium 后台访问网站,并执行其中的 JS 安装 PhantomJS, 参考 Ho ...

阅读全文...

Greasemonkey

常用的脚本 Download YouTube Videos as MP4 Straight Google 在 Greasemonkey 中使用 jQuery // ==UserScript== // @name jQuery Example // @require http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js // ==/UserScript== // Append some text to the element with id someText using the jQue ...

阅读全文...

Chrome - 开发 js 的神器

流程 写好一个基本页面,并加载本地 js 文件 使用 chrome 打开该页面 F12 打开开发者工具,Sources - js - 对应的 js 文件 编辑 js 文件,ctrl-s 保存,右键选择 Save As 映射上本地文件,将修改保存到本地文件 参考 How to Edit Source Files Directly in Chrome ...

阅读全文...

Chrome Snippets

Chrome - Developer Tools - Sources - Snippets 右击 “New” 就能创建自己的 Snippets. snippets 的实用之处 可以将常用的功能,做成 snippets,便于调试时使用。例如自动引入 jQuery, 打印调试信息。 再如,我想爬取当前页面中所有图片的链接地址,收集页面中出现的邮箱地址,等等。 只需要在对应的 snippet 上右键,选择“RUN”即可。 打开新的 tab,或者重启 Chrome,snippets 都不会丢失。唯一比较麻烦的是多机器同步。 一些实用的 snippets A collection of helpful ...

阅读全文...