chrome javascript 小书签

2026-08-20

给 Chrome浏览器添加 Javascript小书签，查看当前页面全部加载的javascript文件及代码片段

小书签又名 Bookmarklet,由英文单词 Bookmark 和 Applet 组合而来.简单地说,小书签就是把一段带有特定功能的 JavaScript 代码保存至收藏夹,当你需要的时候点击它来实现这段 JavaScript 代码的功能. 1.chrome浏览器中打开一个空白的页面,输入 chrome://bookmarks/#1,打开书签管理器 2.在书签管理器的左侧,选择 “书签栏 ”文件夹,如下图 3.点击书签管理器顶部右上角的3个小点(提示信息:整理)按钮,弹出一个菜单 , 4.在

12个非常实用的JavaScript小技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: func

JavaScript小例子：复选框全选

JavaScript小例子:复选框全选这只是一个小例子,很简单,但是这个功能还是很常用的: 实现后效果如图: JavaScript代码: <script type="text/javascript"> function selectAll() { var allMails = document.getElementsByName("allMails")[0]; var mails = document.getElementsByName("e

ubuntu14操作系统chrome标签和书签乱码解决

ubuntu操作系统更新后.发现chrome标签和书签中文都无法显示. 解决的方法: 打开配置文件 sudo vim /etc/fonts/conf.d/49-sansserif.conf <!DOCTYPE fontconfig SYSTEM "fonts.dtd"> <fontconfig>  <match targe

11个不常被提及的JavaScript小技巧

这次我们主要来分享11个在日常教程中不常被提及的JavaScript小技巧,他们往往在我们的日常工作中经常出现,但是我们又很容易忽略. 1.过滤唯一值 Set类型是在 ES6中新增的,它类似于数组,但是成员的值都是唯一的,没有重复的值.结合扩展运算符(...)我们可以创建一个新的数组,达到过滤原数组重复值的功能. const array = [1, 2, 3, 3, 5, 5, 1]; const uniqueArray = [...new Set(array)] console.log(uni

JavaScript小实例：拖拽应用（二）

经常在网站别人的网站的注册页中看到一个拖拽验证的效果,就是它的验证码刚开始不出来,而是有一个拖拽的条,你必须将这个拖拽条拖到底,验证码才出来,说了感觉跟没说一样,你还是不理解,好吧,我给个图你看看: 这个是在万网的注册页中所截的图,大概的效果就是,当拖动那个拖拽框时,如果拖拽框没有拖到最右边,则拖拽框会移动到初始位置,如果拖动到最右边,则拖拽框显示为对勾,中间的文字也变了,但是我试了一下,他的验证码的框没有出来,不知道是改了还是怎么的,我没有继续点击确定往下进行,那不是我们要讲的重点,我就在他的

javascript小实例，拖拽应用（一）

前面我们将了一下拖拽的基本思想,理论是有了,那实践呢,可以运用到什么地方呢?下面就给大家带来一个用拖拽思想写的一个小实例,供大家参考,大致效果看下图: 就是这样一个简单的一个拖拽条,你可以把它理解为滚动条,也可以理解为表单中的数量选择控件,也可以理解为进度条,等等,反正你可以改成很多你想要的效果,废话不多说,我们来看看这个是怎么做的吧! 想了想,感觉原理就不用说了吧,我在拖拽效果中就已经说的很清楚了,不清楚的同学可以出门左转,查看 javascript小实例,PC网页里的拖拽 ,我就直接贴代码了

[转]11个教程中不常被提及的JavaScript小技巧

原文地址: https://www.cnblogs.com/ld1024/p/10723827.html 这次我们主要来分享11个在日常教程中不常被提及的JavaScript小技巧,他们往往在我们的日常工作中经常出现,但是我们又很容易忽略. 1.过滤唯一值 Set类型是在ES6中新增的,它类似于数组,但是成员的值都是唯一的,没有重复的值.结合扩展运算符(...)我们可以创建一个新的数组,达到过滤原数组重复值的功能. const array = [1, 2, 3, 3, 5, 5, 1]; con

javascript小括号、中括号、大括号学习总结

作为一名编程人员,和括号打交道是必不可少的.你可知道在不同的上下文中,括号的作用是不一样的,今天就让我们简单总结下javascript小括号.中括号.大括号的用法. 总的来说,JavaScript中小括号有五种语义,中括号有四种语义,而大括号也有四种语义. 小括号: 语义1,函数声明时参数表(形参) 语义2,和一些语句联合使用以达到某些限定作用(if.for等) 语义3,和new一起使用用来传值(实参) 语义4,作为函数或对象方法的调用运算符(如果定义了参数也可与语义3一样传实参) 语义5,强制

11个教程中不常被提及的JavaScript小技巧

这次我们主要来分享11个在日常教程中不常被提及的JavaScript小技巧,他们往往在我们的日常工作中经常出现,但是我们又很容易忽略. 1.过滤唯一值 Set类型是在ES6中新增的,它类似于数组,但是成员的值都是唯一的,没有重复的值.结合扩展运算符(...)我们可以创建一个新的数组,达到过滤原数组重复值的功能. const array = [1, 2, 3, 3, 5, 5, 1]; const uniqueArray = [...new Set(array)]; console.log(uni

safari 与 chrome 的小区别大BUG

safari 与 chrome 的小区别大BUG 时间:2016-11-01 17:33:19 作者:zhongxia 原文地址:https://github.com/zhongxia245/blog/issues/41 一.背景故事是这样的,有一个auth 的认证接口, validate_auth 的接口. 后端使用 go语言写的. 正确的接口地址是 127.0.0.1:3000/api/auth/validate_token/ [注意,完成的接口地址有 / ],至于为什么要多一个 / 这个

JavaScript 小实例 - 表单输入内容检测，对页面的增删改

JavaScript 小实例 - 表单输入内容检测,对页面的增删改效果体验地址:https://xpwi.github.io/js/JavaScript01/jsForm.html 功能: 1.向页面写入数据 2.删除页面数据 + 删除提示[确实]才删除 3.获取表单输入的内容,并简单验证 4.打开一个新的窗口 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&

自家人不认识自家人——考你一道有趣的Javascript小题目

今天的内容很简单,给大家分享一个有趣的Javascript小题目. 题目很简单,就是填空: var a = ______; var b = a; alert(a==b); // alert "false" 请将程序补充完整,使得弹出的对话框显示为“false”. 先答出的有奖哦 ^ ^ --------------------- 用简单而风趣的形式表达出自己的想法是我一直追求的目标(当然,目前还处于“XX主义初级阶段”,还有很长的路要走). 如果你觉得本文对你有那么一点点帮助,请帮忙顺

常用的一些javascript小技巧

(转载)常用的一些javascript小技巧: http://bbs.blueidea.com/thread-2201069-1-1.html

12个十分实用的JavaScript小技巧

12个非常实用的JavaScript小技巧在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之

制作一个 JavaScript 小游戏

简评: 作者学习了编程两个月,边学边做了一个 JavaScript 小游戏,在文中总结了自己在这个过程中的一些体会,希望能给其他初学者一些帮助. 对于很多想学编程但一直没下定决心的同学来说,最大的问题可能就是没有一个切实可行的计划.这里作者将自己要完成游戏的这件事划分成了很多小任务,比如: 先构思要做一个怎样的游戏,解谜?角色扮演?考虑不同类型游戏需要有什么样的要素. 写下所有需要编程完成的事,对于作者的这个游戏来说就是: 界面一个技能系统一个事件系统角色状态系统保存功能寻找好的游戏美

使用 Floccus 插件和坚果云同步 Chrome 类浏览器书签

使用 Floccus 插件和坚果云同步 Chrome 类浏览器书签魏刘宏 2019 年 11 月 22 日如题,本文讨论在使用 Chromium 内核的浏览器上,使用 Floccus 插件,配合坚果云的 WebDAV,来定时导出(同步到坚果云)浏览器的书签.这个我个人主要是用于猎豹浏览器,由于猎豹浏览器手机版同步电脑书签功能好像不能用了,所以用这个方法以便在手机上临时查找收藏的书签.其它用途,请自行探索. 首先给出 Floccus 插件的地址: https://chrome.google.

JavaScript小案例-阶乘！

JavaScript小案例-阶乘! 阶乘:就是像台阶一样一阶一阶的,从高阶到低阶,依次乘下来!代码超少!容易理解! // factorial 阶乘 // 如果 function factorial(n) { var product = 1; while (n > 1) { product *= n; n--; } console.log(product); } factorial(4); 上面一种就是反向的阶乘, 正向的阶乘呢?!从低到高! // 从低到高的阶乘! function factor

chrome小书签-实用的小功能-javascript代码段

1.打印页面的所有脚本引用文件及代码段: javascript:var scriptarray=document.getElementsByTagName("script");for(scriptindex in scriptarray){console.log(scriptarray[scriptindex])}; 2.解除页面不能选择.拷贝文字: javascript:document.getElementsByTagName("body")[0].onsele

谷歌(Chrome)浏览器调试JavaScript小技巧

谷歌浏览器不仅仅可以用来上网,对于开发人员来说,它更像是一款强大的开发辅助工具. 工欲善其事必先利其器,接下来笔者给大家分享一些Chrome的使用方法. 假如读者了解如何在Chrome中添加JavaScript断点,那请继续阅读:否则,自行脑补. 假如有这样一段代码: var a = 1; function test(){ var a, b, c, d, e; a = 2; b = a - 1; b = 9; c = 3; d = 4; e = (a + b * c) * (a - d); re

chrome javascript 小书签

热门专题