发信人: scaret(方糖|似水流年|我是天蝎大使), 信区: WebDevelop
标 题: 分享一下我的书签
发信站: 饮水思源 (2013年03月07日00:17:41 星期四)
分享一下我的书签栏，也抛砖引玉，希望大家提供更好的书签栏快捷工具。楼主的书签栏
工具大半都是自己山寨手打的。。。
因为google chrome（事实上大多数浏览器）的书签栏除了支持将一个url作为书签以外，
还支持将一段JavaScript作为书签。这就赋予了“书签”很大的扩展性
这是我的书签栏：
依次是：水源，微博，和一些js库以及一些方便的工具
- - - - - - - - - - - - -
1.水源
水源登录有个小技巧，就是可以通过
https://bbs.sjtu.edu.cn/bbslogin?id=你的用户名&pw=你的密码
来实现登录。这样子，我不管是不是在web登录状态，将这个url保存为书签即可直接进入
主界面。这样做的缺点是，看不到进板啦lol大家不要学我呀
2.微博没什么好说的
3.jQuery，jqueryUI，underscore，backbone是四个比较常用的JS库，打开chrome调试工
具比如想使用方便的jQuery，就单击一下就好了。
有两种做法：第一种，直接将整个jQuery.js写入这个标签。这种做法没有任何问题就是有
点神烦的样子。另一种做法就是写一段js脚本，将jQuery.js的script标签插入dom中：
javascript:
script = document.createElement("script");
script.src = "jQuery地址";
document.body.appendChild(script);
插入的地址最好是https的这样不会破坏有些页面下的浏览器规则啦。
4.GFW测试就是测试一个url是否被墙。网址是：
http://www.blockedinchina.net/
因为如果直接将这个页面作为书签感觉测试一个网址需要访问这个页面两次，我就写了一
小段脚本直接生成测试链接：
javascript:
window.open("http://www.blockedinchina.net/?siteurl=+
(prompt("您需要测试的网址是")||"scaret.in"));
5.WebTerm就是用Web打开的一个终端。
6.ruler是一个以像素为单位的尺，可以帮助我快速地量取一个区域的长款等。
它实际上是一系列（20K个 - -）div的边框画成的，然后我添加了一些代码使它可以被拖
拽和开关。
7.draggable是一个开关，打开时会框出所有的div，a标签和li标签等，帮助我了解页面结
构。同时可以拖拽它们。
8.散列函数是一个普通书签，包含了一些常用的散列（md5，sha1）与编码方式（base64，
urlencode）
9.Closure是指Google Closure Compiler，可以视作代码压缩工具。（被墙中）
10.JSON是JSON validator工具和pretty print工具，可以将一个json展开便于阅读（也可
以反向）。JSLint是一个JavaScript validator。
--
. ╭╮
+¨+ ╰╯ .+¨+。 + ｀˙．
。 不是习惯冷漠﹒ˇ ˇ而是不想让狂热的深情
+ 一一被窥透 + ╭╮未了的是一愁 ╭╮
¨+ .+·。+゜ 难改的痴情ˇ。 ╰╯ .+¨ 所以最终 ╰╯
Scorpius 天蝎座 ゜˙ ｀+˙ 选择了隐逸
※ 来源:·饮水思源 bbs.sjtu.edu.cn·[FROM: 114.92.210.111]
标 题: 分享一下我的书签
发信站: 饮水思源 (2013年03月07日00:17:41 星期四)
分享一下我的书签栏，也抛砖引玉，希望大家提供更好的书签栏快捷工具。楼主的书签栏
工具大半都是自己山寨手打的。。。
因为google chrome（事实上大多数浏览器）的书签栏除了支持将一个url作为书签以外，
还支持将一段JavaScript作为书签。这就赋予了“书签”很大的扩展性
这是我的书签栏：
依次是：水源，微博，和一些js库以及一些方便的工具
- - - - - - - - - - - - -
1.水源
水源登录有个小技巧，就是可以通过
https://bbs.sjtu.edu.cn/bbslogin?id=你的用户名&pw=你的密码
来实现登录。这样子，我不管是不是在web登录状态，将这个url保存为书签即可直接进入
主界面。这样做的缺点是，看不到进板啦lol大家不要学我呀
2.微博没什么好说的
3.jQuery，jqueryUI，underscore，backbone是四个比较常用的JS库，打开chrome调试工
具比如想使用方便的jQuery，就单击一下就好了。
有两种做法：第一种，直接将整个jQuery.js写入这个标签。这种做法没有任何问题就是有
点神烦的样子。另一种做法就是写一段js脚本，将jQuery.js的script标签插入dom中：
javascript:
script = document.createElement("script");
script.src = "jQuery地址";
document.body.appendChild(script);
插入的地址最好是https的这样不会破坏有些页面下的浏览器规则啦。
4.GFW测试就是测试一个url是否被墙。网址是：
http://www.blockedinchina.net/
因为如果直接将这个页面作为书签感觉测试一个网址需要访问这个页面两次，我就写了一
小段脚本直接生成测试链接：
javascript:
window.open("http://www.blockedinchina.net/?siteurl=+
(prompt("您需要测试的网址是")||"scaret.in"));
5.WebTerm就是用Web打开的一个终端。
6.ruler是一个以像素为单位的尺，可以帮助我快速地量取一个区域的长款等。
它实际上是一系列（20K个 - -）div的边框画成的，然后我添加了一些代码使它可以被拖
拽和开关。
7.draggable是一个开关，打开时会框出所有的div，a标签和li标签等，帮助我了解页面结
构。同时可以拖拽它们。
8.散列函数是一个普通书签，包含了一些常用的散列（md5，sha1）与编码方式（base64，
urlencode）
9.Closure是指Google Closure Compiler，可以视作代码压缩工具。（被墙中）
10.JSON是JSON validator工具和pretty print工具，可以将一个json展开便于阅读（也可
以反向）。JSLint是一个JavaScript validator。
--
. ╭╮
+¨+ ╰╯ .+¨+。 + ｀˙．
。 不是习惯冷漠﹒ˇ ˇ而是不想让狂热的深情
+ 一一被窥透 + ╭╮未了的是一愁 ╭╮
¨+ .+·。+゜ 难改的痴情ˇ。 ╰╯ .+¨ 所以最终 ╰╯
Scorpius 天蝎座 ゜˙ ｀+˙ 选择了隐逸
※ 来源:·饮水思源 bbs.sjtu.edu.cn·[FROM: 114.92.210.111]
No comments:
Post a Comment