Browser

分类下相关文章

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 ...

阅读全文...

chrome

必备插件 Pocket (离线保存网页) Tampermonkey (油猴子脚本管理工具) SwitchySharp (代理切换工具) Switcheroo Redirector (将指定域名的请求都转向其他域名,例如 google fonts -> 360 fonts) ~~WhatFont (字体产看工具, 有 bug,中文字体会提示错误)~~ chrome 商店在国内被墙,可以使用国内的镜像网站 插件汇 Chrome 插件开发 Chrome 扩展及应用开发 ERR_UNSAFE_PORT 问题 当使用 chrome 访问 6666 端口时,会报错误 Error 312 ...

阅读全文...

近期节日

2018年11月17日 国际大学生节
2018年11月20日 国际儿童日
2018年11月21日 世界问候日
2018年11月22日 小雪
2018年11月22日 感恩节
2018年12月01日 世界艾滋病日
2018年12月03日 国际残疾人日
2018年12月07日 大雪
2018年12月09日 "一二九"运动纪念日
2018年12月09日 世界足球日
2018年12月10日 世界人权日
2018年12月12日 西安事变纪念日
查看更多节日