分类下相关文章
2020-03-30 · 阅读 7048 · 字数 149
之前在 Chrome 中没注意按钮点击时的效果，但是到了 Edge 浏览器中异常明显。会看到一个非常扎眼的黑边框。 未点击前的按钮样式： Edge 中点击之后的按钮样式： 而 Chrome 中的边框就相对柔和很多： 删除黑边框的方法 按钮 CSS 中加入： outline: none; ...
2020-03-31 · 阅读 5708 · 字数 323
看大家都在推荐 Edge，还是没忍住，决定试一下微软新出的浏览器 Edge。因为大家都说 Edge 用起来不卡。我觉得这应该不夸张，微软虽然设计上不行，但是客户端性能优化上确实有一套核心技术。 安装 Edge 下载地址：https://www.microsoft.com/en-us/edge 唯一的遗憾是不支持 Windows XP，更大的遗憾是公司还有人在用 XP ... 安装语法检查工具 Grammarly 为啥特意使用 Edge 安装 Grammarly。因为我在 Chrome 上从来没有下载完 Grammarly，Chrome 应用商店下载速度太慢了。而 Edge 几秒钟就下载完，这点 ...
2020-03-09 · 阅读 10213 · 字数 103
在调试网站页面时，如果使用全屏布局，就需要模拟大屏幕的显示效果。 需要模拟的屏幕大小 2560x1440 开发机使用屏幕大小 1920x1080 模拟方法 在 Chrome - Settings - Devices 中新增需要模拟的屏幕大小，然后点击添加即可。 ...
2019-08-02 · 阅读 8351 · 字数 97
测试代码 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 之后，代 ...
2018-03-01 · 阅读 7916
官方给出的方案： > 浏览器默认内核的指定只需在head标签中添加一行代码即可： > 若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit"> > 若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp"> > 若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie ...
2018-02-20 · 阅读 7175
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 ...
2019-09-19 · 阅读 26496 · 字数 911
Puppeteer 名词，傀儡师的意思。不禁想起了火影忍者。。。 基本介绍 Puppeteer 是 Google 官方的一个开源项目 https://github.com/GoogleChrome/puppeteer Puppeteer 提供了一套 nodejs 的类库用于操作 chrome / chromium，基于 DevTools 协议。 优点、缺点 优点 Google 官方支持，作为亲儿子，Puppeteer 肯定会比 Selenium 获得更多的接口支持。 缺点 目前只有 nodejs 语言支持 我非常不喜欢 nodejs ... 典型应用场景 生成网页截图、PDF 爬取 ...
2017-04-03 · 阅读 4638
比如，testing 最好改成 testing.xxx 原因是，浏览器无法对不包含 tld 的域名缓存 cookie, 至少 chrome 不可以。 Firefox 似乎可以。 所以，会导致很多跟登陆相关的页面无法测试 ...
2017-01-14 · 阅读 10307
随便开几个网页就卡得想砍人，特别是今天晚上遇到问题需要解决，想摔电脑的冲动都有。被迫换回了 Safari。 Google 的软件体验越来越差！ 今天无意打开 Google Docs 看到 09 年写的大量笔记，很是怀念，本想继续使用 Google Docs 以替代为知笔记，但是看了那令人作呕的界面，我就放弃了。再也没有多年前那种惊艳的感觉了。现在这种 Material Design 风，在我看来，就跟微软的破抹布流一样，都是傻逼设计的偷懒作品，扼杀了大家对界面体验的想象力。当然，还有更傻逼的，那就是微云网页版，直接抄袭了 Google Docs 的 folder 视图，这么丑还有人去山寨，微云 ...
2016-07-31 · 阅读 14140
在不翻墙的情况下，StackOverflow 打开速度总是慢得感人。 通过 Chrome Network 发现是 StackOverflow 的 jQuery 文件使用了 Google CDN, 而 Google CDN 恰好被嘿嘿嘿 。。。 开始想到的方案是在 hosts 文件中把 Google 的域名的 IP 都指向 360 CDN，但是感觉这样维护起来异常痛苦，哪天 360 CDN 换了 IP 怎么办。Google 了一下，Chrome 插件就能解决。 插件下载地址在这里 ReplaceGoogleCDN 看了一下代码，逻辑就是在请求之前，将 google cdn 的域名替换成了中科大的 ...
2016-07-30 · 阅读 9162
自从前同事灰兔子推荐了 Asana 之后，简直爱不释手。不但公司的项目用 Asana 管理，连个人的 TODO 我也逐步迁移到了 Asana 上。但是，问题来了，公司里使用的 Asana 是用公司邮箱注册的，回到家继续使用公司邮箱登录 Asana 管理个人 TODO 总感觉不合适。 个人隐私问题 公司邮箱总不能用一辈子吧 由于浏览器的 cookie 问题，在同一个浏览器里同时登录两个 Asana 账号，看上去不太可能。所以，我之前一直是同时开着 Chrome 和 Firefox, 一个登录公司账号，一个登录个人账号。看上去解决了问题，但是 Ubuntu 下使用 Firefox 编辑 Asa ...
2016-05-23 · 阅读 11170
Selenium - 硒 硒是一种化学元素，化学符号是Se，在化学元素周期表中位于第四周期VI A族，是一种非金属。可以用作光敏材料、电解锰行业催化剂、动物体必需的营养元素和植物有益的营养元素等。 非常奇怪的名字。 Selenium 的主要用途是 自动化 web 功能测试 自动化 web 操作 当然想象空间很大，比如批量注册账号，自动刷粉等。 棘手的问题 由于业务需求，需要批量注册一百个亚马逊账号，手动操作过于繁琐，特别是北美延迟很高。 安装 selenium sudo pip install selenium 后台访问网站，并执行其中的 JS 安装 PhantomJS, 参考 Ho ...
2015-12-12 · 阅读 10791
常用的脚本 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 ...
2015-12-12 · 阅读 8919
流程 写好一个基本页面，并加载本地 js 文件 使用 chrome 打开该页面 F12 打开开发者工具，Sources - js - 对应的 js 文件 编辑 js 文件，ctrl-s 保存，右键选择 Save As 映射上本地文件，将修改保存到本地文件 参考 How to Edit Source Files Directly in Chrome ...
2020-04-26 · 阅读 15067
Chrome - Developer Tools - Sources - Snippets 右击 “New” 就能创建自己的 Snippets. snippets 的实用之处 可以将常用的功能，做成 snippets，便于调试时使用。例如自动引入 jQuery, 打印调试信息。 再如，我想爬取当前页面中所有图片的链接地址，收集页面中出现的邮箱地址，等等。 只需要在对应的 snippet 上右键，选择“RUN”即可。 打开新的 tab，或者重启 Chrome，snippets 都不会丢失。唯一比较麻烦的是多机器同步。 一些实用的 snippets A collection of helpful ...