首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

简单JS书签 丨 同时预览网站在不同尺寸上的效果

肯定会经常使用F12来调试网站 甚至还会用一下chrome的toggle工具,来查看自己网站在不同屏幕分辨率下是否存在bug 今天给大家带来,同时预览6种分辨率下网站的方法 此外,你可以自己修改文中提供的js...width="1200" height="800"> ') 使用方法 简单使用 以Chrome游览器为例 首先,添加一个书签...书签的网址内容为上面的js代码 如以下所示: 高级用法 上述js代码中,有六段,对应着每个自适应窗口屏幕参数,自行修改即可 width=”1200″代表宽度...1200px,height=”800″代表高度为800px;此外,你可以添加更多屏幕 寄语 如果各位有更多方便快捷的JS书签,可以互相传授下 版权属于:Xcnte' s Blog(除特别注明外) 本文链接

1.3K20

简单JS书签 丨 一键填写博客留言评论框个人信息(全平台适用)

代码:(全平台适用,支持 typecho 和 wordpress 博客等) 博主使用的是Chrome浏览器 操作流程: 将本页添加到收藏夹保存为书签; 右键刚刚创建的书签,选择“编辑”或“属性”; 将名称一栏改为自动填充...(见名知意即可),并将网址或地址或url一栏原有的网址链接替换成 下述javascript代码(代码里面的相关个人信息改为自己的哦~),确定即可; 以后遇到留言评论时,点一个这个书签即可自动一键填写个人信息...具体图文步骤可以参考一下这篇文章 简单JS书签 丨 同时预览网站在不同尺寸上的效果 前言对于经常做开发的大佬们,肯定会经常使用F12来调试网站甚至还会用一下chrome的toggle工具,来查看自己.

98520

图解浏览器引用本地硬盘上的JS文档

首先准备好需要引入的JS文档,可以是成熟的JS库,也可以是自己编写的JS代码,把这些代码保存到本地硬盘浏览器的安装目录下的js文件夹。...一、临时需要引入本地js文档 点击浏览器“编辑”菜单,选择“运行JS代码”,打开运行JS脚本代码的窗口。...在“运行JS代码”窗口中,有一个引入JS的下拉列表框,自动列出本文第一步指定文件夹下的所有JS文档,直接勾选需要引入的JS文档,可以同时选择引入多个文档。...输入JS代码后,点击“执行JS”按钮,浏览器自动在当前网页上完成引入JS文档和执行自定义脚本代码。...关闭项目管理器,再回到浏览器的主窗口,此时书签栏显示了”自动引入JQ”项目。不管哪个网站页面,需要时只要打开页面后点击这个书签按钮就可引入JQuery库。

2.3K00

让你的浏览体验更高效:五款不可错过的浏览器书签插件推荐

在浏览网页时,书签是我们经常会用到的工具,看到好的网站、工具、文章,很多时候我们都会将它们保存成书签,不过浏览器自带的书签工具往往比较简单,如果书签比较多或者有复杂一些的需求使用起来就不是很方便,所以在本文中我们来推荐几款好用的书签管理工具...其创造性的闪电式全局搜索,可以极速搜索Tabs、最近关闭、浏览历史、书签等多个关键位置,从而可以快速找到我想要的信息。...通过这款插件,你可以轻松地将网页内容保存到 Evernote 中,方便后续整理、编辑、分享。它还提供了诸如标注、高亮等功能,让你在保存内容时就能完成初步的处理。...图片Turtl (地址)Turtl 是一款注重隐私保护的书签管理工具,提供端到端加密,确保你的收藏内容安全无虞。...通过 Turtl,你可以轻松将网页、图片、笔记等内容保存到安全的云端空间,方便跨设备访问。同时,Turtl 提供了便捷的标签、搜索、分享等功能,让你的收藏内容井然有序。图片

1.6K00

Chrome插件英雄榜108篇更新!

《Grabox》是一款运行在主流浏览器的插件,拥有独立的账户系统,独立的云端存储,可以跨浏览器同步书签数据,并且完全免费。...Grabox是浏览器原有书签功能的替代品,Chrome服务器在海外,书签同步需要借助魔法上网才能完成,有了Grabox,我们可以直接将书签存到Grabox中,实现书签在各终端设备的完美同步。...Grabox可以运行在所有以webkit为内核,架构于chromium的浏览器中(Edge,360,2345,QQ,搜狗等浏览器),我们可以在Chrome中保存书签到Grabox,然后在Edge中直接获取书签...Chrome与Edge浏览器无缝共享书签,实时双向同步 ? grabox共享信息 分享一组链接 https://share.grabox.net/BqiwY1 ? grabox分享链接 ?...,但这种导入方式,始终无法实现双向同步,在Edge中添加的书签, 无法在Chrome中找到,也无法通过各家厂商的云服务同步,而Grabox的出现,彻底解决了跨浏览器同步书签的问题,是真正解决用户痛点的产品

64201

一个支持多用户的在线书签管理系统:My-BookMark

明:之前一直想找个书签系统,然后最近发现了个My-BookMark,用了下还不错,总算不用经常重复在不同电脑或者浏览器上备份书签了,该工具可以整合多个浏览器上的书签,对于快速搜索某个时间段的书签起到便捷式的作用...其中导航以分类展示,分类顺序可以在书签分类下面拖动编辑。按照点击的次数从高到低在每个分类里面提取16个书签,再按照最近添加的书签提取前面的16个书签,然后合并起来。标签是一个快捷方式。...书签可以作为公有或者私有,公有可供所有人搜索。 可以将搜索到其他用户的书签转存为自己的书签。 可以将书签导出来,然后导入到浏览器。 在热门标签里面,有在网上找的热门书签。...config.js nano config.js 填上你的数据库名称,用户名和密码,然后使用Ctrl+x、y保存退出。...config.js nano config.js 填上你的数据库名称,用户名和密码,然后使用Ctrl+x、y保存退出。

1.2K00

通过番薯智库一键训练你的浏览器书签内容

导出书签内容 在训练之前,需要先将浏览器书签收藏内容批量导出。...以谷歌浏览器为例,按照下图所示点击进入书签管理器(不同浏览器收藏夹名称可能不一样,比如 Edge 浏览器就叫收藏夹,操作流程则是类似的): 点击右上角按钮,在下拉框中选择导出书签(Edge浏览器叫收藏夹...): 就可以将你的浏览器书签网页导出到本地磁盘了,这正好是一个番薯智库支持的 HTML 格式文档,将其保存到指定位置,比如桌面或者我的文档: 这样就完成了浏览器书签内容导出。...提交书签进行训练 接下来,我们就可以进入极客智坊的番薯智库产品功能页面对浏览器书签内容进行训练了,如果你还没有创建任何智库,可以参考上篇教程进行创建,如果已经创建过则点击修改按钮进入智库上传书签进行训练...至此,你就可以正式开始与你的浏览器书签内容进行对话了。

24410

使用码云同步谷歌 Chrome 浏览器书签

这个工具可以把谷歌浏览器书签同步至码云,在国内码云平台是访问速度比较快的,平时用着也比较方便。 书签同步码云 1....注意:这个令牌只显示一次,建议复制保存到本地记事本或者其他地方之后再确认关闭!! 然后再将该该令牌复制到插件的 "access_token" 位置就好。...✎ 友 情 提 示 注意: 如果是两个电脑用这个同步,建议先把当前浏览器的书签线导出到本地,因为这个 Download 会用云端(即仓库)的书签把当前浏览器(即本地)的书签覆盖。...所以,正常操作应该是: 先将当前浏览器书签导出到本地电脑。 然后点击 Download 把云端仓库的书签信息同步到当前浏览器。...然后再将本地书签导入到当前浏览器,再自己将书签整理下,把当前浏览器的书签和云端仓库的书签整合。 整理完毕再上传(Upload)就 ok。 3. 参考资料 谷歌浏览器书签同步工具 - 知乎

1.5K20
领券