首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

chrome插件 DIY

当你打开chrome“扩展程序”界面,看着琳琅满目的插件,有没有想过亲自动手,打造一个自己插件呢?当然,这种想法不应该是闲着某个部位疼,刻意去开发一个连自己都不会实际使用插件。...,在devtool可以看到插件注入这些内容: ?...3.2 数据存储和数据流 本插件功能类似于书签,需要保存目标页面的一些信息(标题, url, 进度)。那么有没有一种好方法,可以保存这些数据,并且在同一个google账号上共享呢?...还真有:chrome.storage。官方文档详细介绍了用法,以及如何在同账号不同浏览器上自动同步数据。 基于chrome.storage,本插件各种扩展点数据流操作图如下: ?...主要功能代码如下: // content_script.js function checkBookmark(e) { // 初始化时检测storage当前页面的书签信息 var url

3K60

chrome插件 DIY

当你打开chrome“扩展程序”界面,看着琳琅满目的插件,有没有想过亲自动手,打造一个自己插件呢?当然,这种想法不应该是闲着某个部位疼,刻意去开发一个连自己都不会实际使用插件。...,在devtool可以看到插件注入这些内容: ?...3.2 数据存储和数据流 本插件功能类似于书签,需要保存目标页面的一些信息(标题, url, 进度)。那么有没有一种好方法,可以保存这些数据,并且在同一个google账号上共享呢?...还真有:chrome.storage。官方文档详细介绍了用法,以及如何在同账号不同浏览器上自动同步数据。 基于chrome.storage,本插件各种扩展点数据流操作图如下: ?...主要功能代码如下: // content_script.js function checkBookmark(e) { // 初始化时检测storage当前页面的书签信息 var url

2.2K20
您找到你想要的搜索结果了吗?
是的
没有找到

Notes | Chrome 浏览器常用快捷键

跳转到最右侧那个标签页 Ctrl + 9 在当前标签页打开主页 Alt + Home 打开当前标签页浏览记录记录一个页面 Alt + 向左箭头键 打开当前标签页浏览记录记录一个页面 Alt...停止加载网页 Esc 浏览下一个可点击项 Tab 浏览上一个可点击项 Shift + Tab 使用 Chrome 打开计算机文件 按住 Ctrl + o 键并选择文件 显示当前网页 HTML 源代码...(不可修改) Ctrl + u 将当前网页保存为书签 Ctrl + d 将所有打开标签页以书签形式保存在新文件夹 Ctrl + Shift + d 开启或关闭全屏模式 F11 放大网页上所有内容...将标签页移回原始位置 拖动标签页同时按 Esc 将当前网页保存为书签 将相应网址拖动到书签 在网页上水平滚动 按住 Shift 键并滚动鼠标滚轮 下载链接目标 按住 Alt 键同时点击链接 显示浏览记录...缩小网页上所有内容 按住 Ctrl 键并向下滚动鼠标滚轮 参考资料 [1] Google Chrome 帮助: https://support.google.com/chrome/answer/157179

1.5K10

浏览器,何必是浏览器

工欲善其事,必先利器,作为大学生或者从业人员,如果能熟练地使用各种工具提高自己工作学习效率必然是一件好事!!!...将突出显示内容组织到文件夹和子文件夹。 自动为突出显示创建引文。 自动同步到云。随时随地访问您精彩片段。 SimpRead   为网页开启阅读模式, 让我们更专注于内容。...实用功能一: 识别图片内容, 寻找图片相关信息页面 实用功能二: 获取更高质量图片 实用功能三: 根据部分图片获取完整图片 BitWarden-密码管理   对于各种帐号密码来说,虽然大多数人都会选择都使用同一个密码...也许这种需求没必要,不过在国外像Facebook、Twitter、Pinterest,Tiktok和一些Google APP似乎都在尝试web APP模式)   在chrome浏览器更多工具设置栏中有创建快捷方式这样一个功能...将标签页拖进现有窗口 将标签页移至当前窗口。 双击标签栏空白区域 最大化或最小化当前窗口。 按住 Ctrl 并向上滚动鼠标滚轮 放大网页。 按住 Ctrl 并向下滚动鼠标滚轮 缩小网页。

2.7K11

Mac 效率神器工具之 Alfred 详解

> 注意: 检索外置移动硬盘数据:如果需要 Alfred 也所能搜索外置移动硬盘文件、应用程序和元数据的话,请添加外置移动硬盘目录或拖动文件夹到 Search Scope 。...检索 Chrome 书签:Alfred 检索书签是 Safari 数据,因此,如果你主力浏览器是 Chrome 的话,则需要打开 Safari 后,通过文件 → 导入自 → 谷歌 Chrome...Don‘t Show:选择查询结果不出现「邮件」、「书签」、「音乐」、「联系人」、「历史记录」等其它文件内容(注:如果需要更为复杂结果过滤,则需要使用自定义结果过滤 WorkFlow )。...点击又下方 “Add Custom Search” 按钮,可以添加自定义搜索,如: Search URL:网站查询 URL,每个网站查询 URL 可以先通过网站查询功能,然后查看浏览器地址栏就能知道了...自行创建主题方法:点击界面下方 “+” 按钮 并输入主题名称和创建者,然后 Alfred 会默认以当前选择主题为模板,创建方案,最后就可以在左侧「预览区」进行自定义。

7.7K10

Chrome Extension

CSS、JS、图片等资源组成一个.crx后缀压缩包 扩展程序由一些文件(包括 HTML、CSS、JavaScript、图片以及其他任何您需要文件)经过 zip 打包得到,为 Google Chrome...,如果2个都写,新版Chrome只认后面这一个 "options_ui": { "page": "options.html", // 添加一些默认样式,推荐使用...API以外,Chrome插件还支持一些独有的API可供使用 所有的Chrome API都是以chrome对象开头,如:chrome.alarms bookmarks 操纵书签API browserAction...获取扩展图标、标题、文字、弹出页等 commands 给扩展添加快捷键 contextMenus 添加选项到右键弹出菜单 cookies 控制cookies desktopCapture 捕获屏幕、个人窗口或标签内容...注意千万不要将您私有密钥包含在扩展程序创建包 进入以下URL,打开扩展程序管理页面:chrome://extensions 确保右上角开发者模式复选框已选中.

2.7K30

安卓Chrome使用技巧合辑

无法使用插件扩展Chrome功能,但我们仍然可以通过使用一些外部应用来扩充Chrome功能:   1....在Chrome,按住并向左/向右划动地址栏可以快速在前一标签页/后一标签页之间切换。   3...."和"PKP"两个选项打勾后点按"Add按钮提交,即可在使用Chrome默认搜索功能时强制google.com.hk采用https协议,从而避免Hosts访问外国网站后使用Chrome自带搜索时由于默认使用...停用(disable)此项后,最常访问网址/最近使用过书签/推荐内容将会被隐藏,还你一个简洁起始页(有兴趣的话你可以试试这个特性其他选项)。   4....在搜索栏(omnibox)显示"Google"图标:   chrome://flags/#ntp-google-g-in-omnibox   启用此项后,将会在起始页搜索栏显示一个彩色"

9.5K30

在“小程序”PWA上开发WebRTC

使用Chrome开发工具优化帧率 对于那些使用React创建PWA开发者一句忠告:虚拟DOM算法非常热衷于在UI更新删除和重新添加视频帧,从而造成巨大性能瓶颈。...尽管WebRTC实际上不能脱机工作,但可能需要添加基本离线支持。你目标是提供类似于本地体验,因此你应该尽量获取一些离线用户体验。...这与“普通”书签工作方式不同,即你在书签任何页面URL都是你获得URL。即使用户从一篇文章添加它,也允许CNN PWA始终从根路经开始加载。...小窍门是在URL末尾添加?openedFromHomescreen跟踪使用情况。 display用于描述应用程序在启动时外观。...尤其是对于WebRTC应用程序,推送通知是将人们吸引到对话强大方式,因此我建议你花时间完善它们。Peter Beverloo已创建一个用于测试推送通知功能强大工具。我强烈推荐你试一试。

1.2K10

如何选一款适合自己网页浏览器?-2023

在一台设备上登录您 Google 帐户,所有 Chrome 书签、保存数据和偏好设置都会立即出现。即使是活跃扩展程序也会在设备之间保持同步。...当用户在网页上创建新帐户时,Chrome 密码管理器可以自动生成并推荐强密码。管理保存密码和为密码添加注释变得更加容易。...虽然跨平台管理设置不像 Google Chrome 那样无缝,但移动浏览器应用程序允许在使用免费 Firefox 帐户时在设备之间共享书签。 还有一点附带好处。...同样,Opera 具有快速拨号菜单,可将所有最常访问页面放在一个地方。Google Chrome 也这样做,但仅限于空白新标签页。...Opera 网络浏览器具有独特外观和感觉,它结合了 Mozilla Firefox 和 Google Chrome 一些最佳功能。

24920

Web 应用安全性: 浏览器是如何工作

浏览器是一个渲染引擎,它工作是下载一个web页面,并以人类能够理解方式渲染它。 虽然这几乎是一种过于简单过分简化,但我们现在需要知道全部内容。 用户在浏览器栏输入一个地址。...服务器让我们知道请求是成功(200 OK),并向响应添加一些头部信息,例如,它告知哪个服务器处理了我们请求(Server:gws),该响应 X-XSS-Protection 策略是什么,等等。...由于这是一个关注安全性系列文章,从刚刚了解到内容可以提到提示:攻击者可以轻松地利用 HTTP 交换和渲染部分漏洞谋生。...这告诉我们两件事: Safari似乎并不关心用户安全性(开玩笑:Safari 12将提供SameSite cookie,这可能在你阅读本文时已经发布) 修补一个浏览器上漏洞并不意味着所有用户都是安全...正如我们所见,浏览器只不过是精心设计HTTP客户端。 当然,他们添加了大量功能(想到凭据管理,书签,历史等),但事实是,它们是作为人类 HTTP 客户端而诞生

58630

Mac效率神器Alfred以及Alfred 秀操作,在下没输过

默认反馈结果为Google、Amazon、Wikipedia网页搜索。 Fallbacks 可点击界面右下角+添加更多搜索引擎。...---- 检索Chrome书签:目前Alfred只可检索Safari书签,若你想检索Chrome书签。则需要将Chrome书签导入到Safari。...导入步骤为:打开Safari -> 菜单【文件】 -> 【导入自】 -> 谷歌Chrome导入书签数据。 检索外置硬盘:添加外置硬盘根目录或拖动根目录到Search Scope。...添加网页搜索 比如我自定义百度搜索,信息如下: Search URL为 https://www.baidu.com/s?...只要在对应网站上搜索一次,记下当时网址,并把具体搜索内容改为{query}就可以找到我们自定义搜索设置中所需要Search URL信息了。于是,本人提供我常用一些自定义搜索配置。

1.4K00

(效率人生)MAC必备工具Alfred入门使用前言如何获取Alfred如何打开AlfredGeneral(通用界面)Features(特性界面)Advanced(高级设置)

Alfred 提供功能虽然很多,但目的只有一个 —— 那就是减少我们工作一些重复动作,提升我们工作效率。...默认反馈结果为Google、Amazon、Wikipedia网页搜索。 可点击界面右下角+添加更多搜索引擎。...---- 检索Chrome书签:目前Alfred只可检索Safari书签,若你想检索Chrome书签。则需要将Chrome书签导入到Safari。...导入步骤为:打开Safari -> 菜单【文件】 -> 【导入自】 -> 谷歌Chrome导入书签数据。 检索外置硬盘:添加外置硬盘根目录或拖动根目录到Search Scope。...只要在对应网站上搜索一次,记下当时网址,并把具体搜索内容改为{query}就可以找到我们自定义搜索设置中所需要Search URL信息了。于是,本人提供我常用一些自定义搜索配置。

2.3K10

Chrome 和 Chromium 区别

我们下载 Chromium 浏览器都是源码未经修改直接编译版本。...所以有这样一种说法:谷歌把核心技术都保留在了之家 Chrome Chrome 有 2 个致命问题: 1)禁止使用非商店扩展。...Chrome 相比 Chromium,支持了一些商业收费插件,这些是不会出现在开源软件,例如插件: H.264编码、mp3编码 此外 Chrome 内置了 Flash,Chromium 需要额外安装...Screenshot Free Take Webpage Screenshots Entirely - FireShot 网页截屏工具,把当前网页内容转化长图片 Advanced REST...,但他们官方并没有支持任何一个编译版本,记住:你下载Chromium OS只是开发者编译出来寂寞  目前用户询问最多问题就是Chromium OS和Chrome OS区别,Chrome

4K50

Chrome快捷键整理

”www.”和”.com”之间部分,然后按 Ctrl+Enter 键 为您在地址栏输入内容添加”www.”和”.com”,然后打开网址 键入搜索引擎关键字或网址,按 Tab键,然后键入搜索字词...F6 或 Ctrl+L 或 Alt+D 选中网址区域中内容 键入网址,然后按 Alt+Enter 键 在新标签页打开网址 打开谷歌chrome浏览器各功能快捷键 Ctrl+B 打开和关闭书签栏...Ctrl+F5 或 Shift+F5 重新加载当前页,但忽略缓存内容 按住 Alt 键,然后点击链接 下载链接 Ctrl+G 或 F3 查找与您在”在网页上查找”框输入内容相匹配一个匹配项...Ctrl+Shift+G 或 Shift+F3 查找与您在”在网页上查找”框输入内容相匹配一个匹配项 Ctrl+U 查看源代码 将链接拖动到书签栏 将链接加入书签 Ctrl...+D 将当前网页加入书签 Ctrl++,或者按住 Ctrl 键并向上滚动鼠标滚轮 放大网页上所有内容 Ctrl+-,或者按住 Ctrl 键并向下滚动鼠标滚轮 缩小网页上所有内容 Ctrl

6.7K40

2021 年值得推荐 14 款 Chrome 开发者插件

采用鼠标悬浮特性,点击后就可以告诉你所指字体属性,字体名称、字体大小、字体颜色等,非常方便,目前有 Chrome 和 Safari 扩展,Firefox 用户可以使用书签栏工具。.../ Window Resizer 是一款可以调整浏览器窗口大小 Chrome 窗口缩放插件,特别适合 Web 前端开发,用户安装了 Window Resizer后,可以使用插件提供选项选择浏览器窗口大小...Marker.io Marker.io 是一个非常方便 Web 开发工具,它可以让网页上错误报告更快、更直观。你可以轻松捕获屏幕截图并利用编辑功能清楚地勾勒出错误位置和内容。...此扩展优点在于它可以与你可能在工作中使用大多数项目管理工具集成,例如 Trello、Jira、GitHub、Asana 以及其他一些工具。...在左边会生成一个 Octotree 按钮,鼠标滑动代码文件树,这样就不用一层一层找文件了。另外它还支持私有存储库、Omni 书签、高性能、使用任何大小存储库。

2.8K30

12款堪称神器 Chrome 插件,Max 你工作效率!

导语:好工具插件是提高程序员生产力法宝,本文介绍了 12 款Chrome 插件,非常高效实用,还附带下载地址, 果断收藏~ 工欲善其事,必先利器,程序员日常工作根本就 离 不 开 Chrome...其他功能优达菌就不啰嗦了,今天来说说 Chrome 如何提高你生产力—— Chrome 支持大量扩展插件,能帮你短时间内完成更多工作,同时比一些 App 消耗更少系统资源。...在同一个地方添加和浏览待办事项功能,比起 Wunderlist 为每个功能都要加一个插件方法做得要好, Todoist 还能通过 Zapier 与大量应用联动,把任务添加Google 日历,给...这可以帮你根据你有多少摸鱼时间挑选阅读内容,或者通过时间长短排个序。有些人要读东西越堆越多,它能帮你好好地整理一下阅读列表。...Refind出现就是为了解决这个问题。 他能把书签页保存在云端,你google搜到相关内容时他们也会被高亮出来,妈妈再也不用担心我一篇文章收藏个好多遍啦。

2.9K20

推荐 12 款堪称神器插件,提高工作效率必不可少

导读:工欲善其事,必先利器,程序员日常工作根本就离不开Chrome浏览器(还不知道请面壁思过130s)!...上面有时钟、当地天气、To-Do list 和一个自定义快捷链接,背景图多到你看不过来。 界面所有元素都可以根据自己喜好进行调整。...在同一个地方添加和浏览待办事项功能,比起 Wunderlist 为每个功能都要加一个插件方法做得要好, Todoist 还能通过 Zapier 与大量应用联动,把任务添加Google 日历,给...这可以帮你根据你有多少摸鱼时间挑选阅读内容,或者通过时间长短排个序。有些人要读东西越堆越多,它能帮你好好地整理一下阅读列表。...Refind出现就是为了解决这个问题。 他能把书签页保存在云端,你google搜到相关内容时他们也会被高亮出来,妈妈再也不用担心我一篇文章收藏个好多遍啦。

1.8K20

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

由于东方神秘力量,国内正常情况下是连不上 Google 账号,所以平时使用 Chrome 经常会头疼书签同步问题。由于魔法力量不稳定,有时候不同步,有时还会同步错乱导致书签丢失。...虽然现在 Edge 提供了 Windows 7 版本,但是安装过程需要把 IE 升级到最新 IE11,就算你好不容易把 IE11 升级好,Edge 在获取更新说不定还会遇到其他更加难搞事情。...如果无法使用谷歌商店,我上传到,可以在这里下载:谷歌浏览器书签同步码云插件.zip(或者在本公众号后台回复 "码云书签" 关键字,即可获取下载链接)。...使用事项 注意,如果是第一次添加使用,在填写完信息之后,需要先在仓库创建一个 path 文件(例如,这里 chrome.json,需要先创建)。...然后,直接点 Upload 把当前浏览器书签上传到 gitee 仓库。 最后,就可以通过点击 Download 把云端(即仓库)书签信息同步到其他电脑的当前浏览器。

1.5K20
领券