chrome添加右键菜单收藏CSDN文章到我的博客

需求：

看到好的文章时，想收藏，但是chrome的收藏夹不支持搜索（虽然有其他插件可以用），收藏的多了以后不好找，而且万一某一天浏览器或系统重装，而没有登录同步数据或者没有导出由的话这些收藏就会丢失。所以就打算将一些好文章收藏到我的个人博客：https://yao2san.com，即方便搜索，也不会丢失。

问题：

那既然要收藏一篇文章，肯定要获取它的链接，可以直接复制浏览器的链接，在粘贴到我的博客，但是这样效率太慢。所以就想用右键菜单的形式，一键收藏。

那现在主要需要解决以下问题：

1.怎么制作（或者说添加）chrome的右键菜单；

2.怎么把链接发送到我的博客。

分析：

要在chrome上添加右键菜单，有两种方法：

1.屏蔽掉原有的菜单，用js生成一个新的右键菜单。但是这样做就不能使用原有的功能了，不好。

2.制作———-插件，添加一个菜单。

我选的是第二种方式。

思路：

由于之前从未接触过chrome插件开发，所以花了一个下午去百度理解插件的制作方法。这里简单说一下思路和过程，至于关于插件的详细内容就不说了，因为自己也不怎么会，只是零时拿来用这一次。

首先chrome插件至少包含一下两个文件：

1.manifest.json

2.xxx.js

manifest.json就是一个配置文件，配置了插件的名称，插件所需引用的js脚本文件等等。

xxx.js就是需要的脚本，点击菜单时需要什么功能就在这个文件里写。

过程：

1.创建插件文件

随便找个地方新建个文件夹，创建以下文件:

manifest.json

menu.js

manifest.json：

    { "name": "博客右键菜单", "description": "博客右键菜单", "version": "0.1", "permissions": ["contextMenus", "tabs"], "background":{"scripts": ["menu.js","jquery-3.2.1.js"] },"manifest_version": 2 ,   "content_security_policy": "script-src 'self' 'unsafe-eval' 请求地址 importOneFromCSDN; object-src 'self'"}

其中content_security_policy必填，否则处于安全策略将无法请求外部地址。

因为需要使用到jquery，所以还引入了jQuery

menu.js：

    function importMyBlog(info, tab) {var reqUrl = '请求地址';var pageUrl = tab.url;if(pageUrl.indexOf('https://blog.csdn.net/')!==0){alert('仅限收藏CSDN的文章');return;}var reqData = {};reqData.url =  pageUrl;$.ajax({url:reqUrl,type:'post',dataType:'jsonp',data:reqData,jsonpCallback:'jsonpcallback',success:function(data){var res = JSON.parse(JSON.stringify(data));if(res.success){alert('保存成功') }else{alert(res.msg);  }},error:function(data){alert('error: 估计是没登录');}})}chrome.contextMenus.create({"title": "收藏到我的博客","contexts":["page"],//page表示在整个页面右键都会有自定义的菜单"onclick":importMyBlog});

至此，这个简单的插件就制作完了，以下是效果：

点击“收藏到我的博客”后，会自动将当前页面的url发送到我的博客进行解析。

完成，perfect！

chrome添加右键菜单收藏CSDN文章到我的博客相关推荐

添加右键菜单:用xx打开(管理员身份下,也可以运行)【解决 ShellExecute failed (2): Is this command correct? 的问题】
文章目录吃水不忘挖井人系列具体步骤 1.安装vscode:或者 Notepad++ 2.新建一个".reg"为后缀的文件: 3.把下面内容复制到文件中: 4.替换路径 5.[可 ...
openlayer右键菜单_OpenLayers添加右键菜单
1. 首先修改 OpenLayers Events.js 定位到下面代码段,添加右键菜单事件: View Code OpenLayers.Events = OpenLayers.Class ...
非管理员用户添加右键菜单（管理员也适用）
目录背景解决办法总结:把其他教程中的HKEY_CLASSES_ROOT替换为HKEY_CURRENT_USER\SOFTWARE\Classes即可背景网上大多数教程添加右键菜单的方法都需要 ...
在(CListView)列表视图中添加右键菜单的方法
使用弹出式菜单(PopMenu) 弹出式菜单(PopMenu)大家都熟悉,在WIN98的桌面上单击鼠标右键弹出的菜单就是弹出式菜单.通常情况下,弹出式菜单在鼠标右键单击时弹出,当然,也可以根据需要 ...
java 右键菜单_界面操作--添加右键菜单
[java]代码库package 添加右键菜单; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; impor ...
ListCtrl添加右键菜单(ListCtrl类里编辑，给ListCtrl 发送NM_RCLICK消息)
在开发中会用到右键菜单,我们来一起学习一下. 假如,我们现在已经准备好了列表,就差右键处理了. 1.在资源视图中的添加一个MENU,如图 2.给要添加右键菜单的ListCtrl子类,添加消息按 ct ...
merlin.acs的使用方法 merlin.acs添加右键菜单
阅读全文:http://www.cckan.net/forum.php?mod=viewthread&tid=39 看看这个怎么样吧直接看代码吧我就不多说了 1.先下载一下这个控件吧网上 ...
tkinter向文本框里加内容_给tkinter文本框添加右键菜单
给tkinter文本框添加右键菜单需求:直接右键点击使用tkinter创建的文本框是不会弹出菜单的.我们需要实现右键点击tkinter框架下的Entry对象.Text对象后弹出右键菜单可复制.粘贴和 ...
Windows10 为指定类型文件添加右键菜单项并传递文件名，点击后调用python脚本进行处理
Windows10 为指定类型文件添加右键菜单项并传递文件名,点击后调用python脚本进行处理需求举例: 在.torrent文件上点击右键时,右键菜单上显示 [更新文件名称],点击此项调用相应的p ...

chrome添加右键菜单收藏CSDN文章到我的博客

chrome添加右键菜单收藏CSDN文章到我的博客相关推荐

最新文章

热门文章