分类下相关文章
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 ...