`
hideto
  • 浏览: 2692543 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

介绍一个Web开发书签工具网站:www.squarefree.com/bookmarklets

阅读更多
Jesse's Bookmarklets Site上有许多免费Web开发书签工具,使用这些工具的步骤很简单:
1,将bookmarklet拖到你的书签工具栏(或者在书签上右键 -> 添加到收藏夹)
2,当你浏览一个页面,想使用某个bookmarklet工具时,点击你的书签工具栏(或收藏夹)里的bookmarklet即可!

有许多非常有意思的bookmarklet小工具,如:
JavaScript Shell
*可以JavaScript访问当前页面
*可以使用Tab键做JavaScript代码补全
*使用Shift+Enter多行输入,使用Enter执行代码
*上、下键浏览输入历史
*输入方法名和类名可以查看源码帮助
真的是非常的cool!

test styles
可以通过输入CSS rules来实时查看当前页面的css效果,比如我们输入如下CSS规则:
a
{  
  text-decoration: line-through; 
  color: blue; 
}

我们会发现当前访问页面的所有链接都变成蓝色而且有中划线,而且都不用刷新页面,这个小工具拿来做CSS调试真是太cool了哦!

remove maxlength工具可以去掉textbox的maxLength限制
show hiddens工具可以显示隐藏表单域
view passwords工具可以显示password域的内容

还有许多非常有意思也很实用的书签工具,就不一一介绍了,赶紧试一下吧!

BTW: 这些插件一般都支持Firefox,有的支持IE/Netscape 4/Opera,不过做Web应用使用Firefox开发应该普及了吧
分享到:
评论
2 楼 birdjavaeye 2007-07-18  
可惜这个shell和那个jsenv都不支持ie
1 楼 birdjavaeye 2007-07-18  
不错,但看上去不如firebug功能强大

相关推荐

    bookmarklets:ImportMyBankStatement.com JavaScript 书签

    JavaScript 书签,也称为Bookmarklets,是一种便捷的工具,它允许用户通过浏览器书签栏执行小型的JavaScript代码...如果你对JavaScript或Web开发有兴趣,这是一个很好的实践项目,可以帮助你提升技能并了解实际应用。

    bookmarklets:潜在有用的书签列表

    书签 潜在有用的书签列表 CSS统计 [removed]location.href='http://cssstats.com/stats?url='+[removed].href MXToolbox DNS查找 [removed]location.href='https://mxtoolbox.com/SuperTool.aspx?action=a:'+...

    working-bookmarklets:我的工作书签

    工作手册 我的工作书签如何使用添加带有URL的浏览器书签,该URL包含./build/*.js文件的内容。书签actiTIME通过粘贴已处理的文本来添加新任务改进actiTIME进入“时间跟踪”页面设计切换浏览器设计模式 user.github.io...

    musicbrainz-bookmarklets:MusicBrainz.org的书签和用户脚本

    它们的另一个好处是,如果相应地配置了用户脚本管理器,您将收到自动更新。 发展 运行node build.js编译和然后生成README.md的更新版本。 在运行此命令之前,必须确保已安装Node.js并已通过npm install了构建脚本的...

    Bookmarklet URL-crx插件

    语言:English ...&%2339%3b)%3b 有时,BookMarklet可能会刷新页面或带您到另一个目标,您可以使用“BMLet”和“BMLet-2”参数来执行多种操作。 提示如此:http://your.web.app.com/?bmlet=redir

    bookmarklets-源码.rar

    - 创建一个书签脚本很简单,只需将JavaScript语句放在`javascript:`协议前,例如:`javascript:(function(){console.log('Hello, World!')})()` - 在浏览器的书签管理器中添加这个URL,即可生成一个可执行的书签。...

    bookmarklets:只是一个我认为我会使用(或不使用)的书签容器。

    书签脚本,或者称作Bookmarklets,是Web浏览中的一种实用工具,它结合了书签和JavaScript代码的功能。在标题和描述中提到的“bookmarklets:只是一个我认为我会使用(或不使用)的书签容器”表明这个压缩包可能包含一...

    gbf-wiki-bookmarklets:书签可快速为 gbf.wiki 上的新内容创建页面

    在互联网信息时代,维护一个百科全书式的网站,如GBF(Grand Blue Fantasy)Wiki,需要大量编辑人员投入时间与精力更新内容。为了提高工作效率,开发者创造了一款名为"gbf-wiki-bookmarklets"的工具,它利用...

    bookmarklets:浏览器书签

    “bookmarklets”则强调这是一个关于Bookmarklets的集合。 压缩包文件名“bookmarklets-master”暗示这可能是一个GitHub项目的归档,包含在`master`分支下的所有文件和资源。用户下载并解压后,可以找到各种...

    Awesome.Bookmarklets:真棒和安全的书签的集合

    "转到查看正在运行的小书签" 可能是指可以访问一个页面,展示所有可用的Bookmarklets,用户可以在那里了解并安装这些小工具。 JavaScript是书签脚本的基础,它是一种广泛应用于网页开发的编程语言,支持事件处理、...

    trello-bookmarklets:我的Trello小书签(包括核心)的存储库

    当前,它仅包含一个书签组trello-doing-cards-bookmarklet.js (以在所有Trello板上显示“正在做的Trello卡”),但还包含trello.bookmarklet.core.js 。 该文件包含创建Trello小书签所需的“核心”功能。 该核心...

    bookmarklets:有用的书签存储库

    WLA小书签,用于简单的SEO在线审核和Web抓取什么是书签? 是一键式工具,可以另存为常规书签,但同时可以执行JavaScript代码来执行某些任务。 在学习JavaScript时,我发现可以通过书签创建有用的迷你工具,并在这里...

    bookmarklets:小书签

    6. **bookmarklets-master文件夹**:根据提供的文件名,这可能是一个包含多个bookmarklets的项目仓库。通常,这样的文件夹会包含不同功能的JavaScript脚本,用户可以按照需求选择和使用。 总的来说,bookmarklets是...

    bookmarklets:Web无障碍书签

    将鼠标悬停在叠加层的标签(右上角的纯色矩形)上会显示一个工具提示,其中包含有关底层元素的类型,标签,文本内容或可访问名称的信息。 您可以使用其标签作为拖动手柄,通过鼠标拖放来移动叠加层。 移动叠加层...

    Scratch-Bookmarklets.github.io:@Scratch-Bookmarklets 的网站

    Scratch-Bookmarklets.github.io 包含可从中复制书签代码以及有关团队的更多信息的位置的站点。 在查看实时站点 有一个问题? 在讨论中询问我们! 我们将非常乐意为您提供帮助。 贡献者 :sparkles: 感谢这些优秀的...

    Bookmarklets.htm:CC0小书签。 https

    iterami / Bookmarklets.htm随机SCP: [removed] i = Math . floor ( Math . random ( ) * 6e3 ) ; if ( i < 100 ) { if ( i < 10 ) { i = '0' + i } i = '0' + i } location . href = '...

    alexa-get-routine-ids-bookmarklets:浏览器书签,可轻松从Amazon Alexa API中搜索例程的AutomationId值

    可轻松从Amazon Alexa API中搜索例程的automationId值书签安装你需要: / choco install nodejs / choco install yarn 最初通过以下命令在项目文件夹中构建依赖项: yarn install用法yarn buildyarn deploy所有命令...

    bookmarklets:管理书签

    您可以通过按行的开头来复制一行(需要一个技巧)。什么是书签? 以[removed]开头的代码是书签。您可以按原样为其添加书签。参考: 参考:笔记使用环境原则上假定为最新版本的谷歌浏览器。未经严格测试我们不能保证 ...

    bookmarklets:JavaScript小书签的集合

    在左上角包含一个设置菜单。 将钢琴添加到任何网页。 左侧菜单可让您调整: 波浪型八度音阶也可以使用左右键盘箭头轴倾斜也可以使用上下键盘箭头右侧菜单具有以下按钮: [# :play_button: ]:播放按钮[# :black_...

    Bookmarklet-Framework:JS和Node框架可轻松构建具有您选择的依赖关系的自定义书签

    书签框架 JS和节点框架可轻松构建具有您选择的依赖关系的自定义书签 安装 ...每个书签都有自己的专用目录内bookmarklets 。 复制一个样本,以了解其结构及其工作原理。 为了保持一致性,请保留名为ma

Global site tag (gtag.js) - Google Analytics