Chrome视频解析插件
2023-09-11 14:22:04 时间
我们在观看一些平台的视频资源时,比如优酷视频、腾讯视频、爱奇艺等等,通常都会需要VIP资格才能观看到更稀缺的视频,如何通过破解来实现免VIP观看呢?下面我们来看一看怎么用Chrome插件实现。
视频解析网站
我们找到一个视频解析的网站,其基本解析原理就是将需要VIP的视频播放网址复制到搜索框中,点击搜索后跳转到解析后的视频地址,进行播放。
如果把它做成在网页上直接通过右键点击就可以播放,岂不是更方便?
解析网站的工作原理
通过搜索框复制粘贴网址,获取到需要解析的视频网址,点击搜索后,网址和一串URL合成新的网址,后台解析并打开。新网址格式具体为:
http://www.wq114.org/yun.php?url=需要VIP的视频网址
制作chrome插件
根据以上的分析,我们做插件只需要这几步来实现
- 获取当前页面的网址;
- 将网址与前缀URL组合在一起,构成解析格式;
- 右键点击时,提交组合后的网址,并打开新窗口播放解析视频。
具体实现
- manifest.json(配置文件)
{
"update_url": "https://clients2.google.com/service/update2/crx",
"name": "视频解析",
"description": "通过右键解析当前需要VIP的视频资源",
"manifest_version": 2,
"version": "1.0.0",
"icons":{
"16":"16.png",
"48":"48.png",
"128":"128.png"
},
"permissions": ["contextMenus", "tabs"],
"background": {"page": "background.html"}
}
注解:因为需要打开网页,和监测网页的网址,所以需要
"permissions": ["contextMenus", "tabs"]
- jx.js(脚本文件)
function jx(info, tab){
var url='';
chrome.tabs.getSelected(function(tab) {
url=tab.url;
var open_url = "http://www.wq114.org/yun.php?url=" + url;
window.open(open_url);
});
}
var left_title ="解析当前视频";
var parent = chrome.contextMenus.create({"title": left_title,"contexts":["all"],"onclick":jx});
注解:通过chrome内部的调用,由tab.url获取当前网址。构造jx函数,组合网址,最后利用chrome.contextMenus.create建立右键选项,其中contexts表示右键选项显示的条件,all表示任何情况下。,onclick表示点击后做的动作,直接调用了jx方法。
- background.html(后台网页)
<script src="jx.js"></script>
注解:background一直调用jx.js实现所需功能。
打包成插件
所有代码编写完后,资源如下:
- 16.png
- 48.png
- 128.png
- jx.js
- background.html
- manifest.json
在浏览器插件管理中,选择开发者模式,打包扩展插件,得到可用的crx格式的chrome插件文件,将其拖拽到浏览器即可使用。
相关文章
- Chrome 23 支持“不跟踪”协议
- 测试表明 IE10 比 Chrome 20 快 8%
- chrome浏览器安装elasticsearch的head可视化插件
- 我的chrome 智能扩展插件copier开源了!!!
- Chrome插件消息传递实例
- 【转载】Chrome插件开发 尝试
- 解决chrome插件安装时出现的“程序包无效”问题信息:程序包无效。
- [Debug] How to Debug a NestJs Backend using the Chrome Dev Tools
- chrome中的消息通信
- Chrome插件(扩展)开发全攻略
- Chrome插件中 popup,background,contentscript消息传递机制
- [chrome插件分享] 博客园是个好图床 image-uploader
- Uploadify导致Chrome频繁崩溃Crash
- 这些好用的 Chrome 插件,提升你的工作效率
- Chrome插件中 popup,background,contentscript消息传递机制
- 【收藏】Chrome 错误代码:ERR_UNSAFE_PORT
- 利用chrome的Timeline观测系统的内存回收逻辑
- Chrome浏览器扩展程序的本地备份
- 介绍一个Material设计风格的Chrome开发者工具增强扩展
- 已解决Message: unknown error: Chrome failed to start: crashed (chrome not reachable)
- Chrome灵魂插件,我的十八搬兵器!
- chrome cdp (Chrome DevTools Protocol) 入门实操
- chrome 改变网页主题 设置黑色主题网页
- chrome网页调试工具的使用步骤