京东移动端URL自动跳转PC端URL插件
前言
平常情况下,同学朋友通过手机给自己分享的京东或者淘宝的某一个商品的购物页面,自己在使用电脑打开的时候不会自动跳转到PC版页面,还是会继续显示手机端页面,非常不利于自己的浏览和使用。
因此,我想自己整一个插件,实现网址的自动解析,能够将移动端的网址转换成PC端的网址。
How to do it?
从来没写过插件的我,顿时有点手足无措的样子.
先明确一下需求,我的需求是希望当我在电脑端点开移动端的京东网址时,浏览器自动将页面跳转至PC端网页。
案例分析
例如上面是我师弟在微信中给我分享的一个手机端的京东购物链接,我用电脑打开后进入的是手机版网页,网址为
https://item.m.jd.com/product/100000400070.html?dl_abtest=o&ShareTm=rr%2BQ7S0ZsHqOg%2BNkD1%2BqDK%2B5MqTbkWUruPQC32bkT2pDewRw1OrdbggDkq8if5MXeRIXogK8djFVmz2e9YNd4zmjpyGFcByC3%2BFfoIcaZ5QYTjBQfgG70%2FDIYcZfjpHmYOpKTTsKRauIKCPmuNwaTnHlSzE9m6NiIE850YMH2u0%3D&ad_od=share&utm_source=androidapp&utm_medium=appshare&utm_campaign=t_335139774&utm_term=Wxfriends
通过分析后我发现,我期望的PC网页版网址为
https://item.jd.com/100000400070.html
这就很好办了,我只需要利用正则表达式,从原来的网址中提取出商品的 ID 就可以自己拼接出网址了。
这里提供一个可以快速验证自己正则表达式的 网址 和一个可以可视化正则表达式的 网址
Chrome插件开发
搞工程,讲究的是敏捷式开发,duo通了事。
首先,新建一个manifest.json
文件,这个文件是我们即将开发的插件的配置文件,设置该文件格式为UTF-8
.
manifest.json
{"name": "京东移动URL自动跳转为PC端URL","version": "1.0","manifest_version": 2,"description": "在桌面电脑上,打开移动端分享的URL,自动跳转到PC端URL", "content_scripts": [{"matches": ["https://item.m.jd.com/product/*"],"js": ["url_swap.user.js"]}]
}
name
: 插件的名字version
: 插件版本manifest_version
: 必须写 2 ,至于原因我没有深究description
: 关于该插件的描述content_scripts
: 列表内嵌套字典matches
: 要匹配的网页,支持正则表达式js
: 需要注入到所匹配的页面中的 JS 文件
js代码
(function() {'use strict';var result;if((result = (new RegExp(/(\d+)\.html/,'i')).exec(location.pathname)) !== null){location.href='https://item.jd.com/'+result[1]+'.html';}
})();
如何安装自己写的Chrome插件
方式1:打开 Chrome菜单–>更多工具–>扩展程序->点击 加载已解压的扩展程序
方式2:在Chrome地址栏输入 chrome://extensions/
-> 点击 加载已解压的扩展程序
GitHub
https://github.com/gaozhengjie/jd_auto_jump
Reference
[1] Chrome插件开发-网页中运行自己的JS
京东移动端URL自动跳转PC端URL插件相关推荐
- 大象跳转:解析微信内自动跳转浏览器打开URL网页的操作步骤
现如今微信对第三方app下载链接的拦截是越来越严格了,下载链接在微信中分享转发经常会被拦截,一旦被拦截用户就只能复制链接手动打开浏览器粘贴才能访问,如此给用户带来的体验台差,用户量无法有效地累积起来, ...
- 怎样一键生成微信跳转链接,可以自动跳转浏览器打开URL网页
现如今微信对第三方app下载链接的拦截是越来越严格了,下载链接在微信中分享转发经常会被拦截,一旦被拦截用户就只能复制链接手动打开浏览器粘贴才能访问,如此给用户带来的体验台差,用户量无法有效地累积起来, ...
- android 输入法字典_【输入法】向Android端Gboard字典中导入PC端搜狗细胞词库
[输入法]向Android端Gboard字典中导入PC端搜狗细胞词库 环境 Android 5.1.1 Gboard 8.7.10.272217667-release -armeabi-v7a PC端 ...
- 微博移动版网页自动跳转pc版网页软件
微博移动版 URL 如何转成电脑网页版 URL? 任意微博手机端复制的微博链接如何转换成PC端微博链接 以下面这条博文为例子 我们复制他的手机移动端微博链接如下 将链接放入软件:https://m.w ...
- Nodejs一键实现微信内打开网页url自动跳转外部浏览器访问的功能
前言 现如今微信对第三方推广链接的审核是越来越严格了,域名在微信中分享转发经常会被拦截,一旦被拦截用户就只能复制链接手动打开浏览器粘贴才能访问,要不然就是换个域名再推,周而复始.无论是哪一种情况都会面 ...
- 电脑接口自动测试软件,PC端自动化测试(一)
PC端自动化测试(一) pywinauto:同时支持控件操作和图像操作,支持Win32 API和MS UI Automation API A set of Python modules to auto ...
- 移动端恶意代码增速超PC端 黑客勒索多以“锁屏”为主
上周,一款名为"想哭"的勒索软件病毒在全球范围内传播,至少150个国家受到影响,国内很多企事业单位.学校等也受到了影响. 这场勒索病毒引发的风波刚渐平息,病毒发布者"影子 ...
- 启动成功浏览器显示不了_移动端利用chrome浏览器在PC端进行调试方法
由于最近工作中遇到需要在电脑上调试手机端的功能和样式,之前也没有遇到过,所以就各种百度和试验.最后终于功夫不负有心人,成功了.(那一刻心情真滴很鸡冻啊~~~~~~~~~).所以暂时记录下来.以免鸡冻过 ...
- pc端rem适配_自适应PC端网页制作使用REM
做一个PC端的网页,设计图是1920X1080的. 要在常见屏上显示正常(比例正确可) 1280X720 1366X768 1440X900 1920X1080 使用了几种办法 1.内容在一屏内显示的 ...
- 玩客云pc端_玩客云pc端
<玩客云pc端>是一款功能全面的云盘共享工具,拥有畅快下载.随存随取.文件管理.远程操控.多媒体娱乐等多种实用功能,是一款专为年轻人而设计的私人云盘,为您提供高品质数字娱乐生活.访问玩客云 ...
最新文章
- linux traceroute 命令 查看路由表
- Facebook向量召回双塔模型
- 快速计算整数的二进制表示法中1的个数
- 视觉设计师跟平面设计_使设计具有视觉吸引力
- 数学是成就卓越开发人员的必备技能
- 技术动态 | 北京大学计算机所邹磊教授研究组开源面向 RDF 知识图谱的自然语言问答系统 gAnswer...
- MVC微信浏览器图片上传(img转Base64)
- java bufferedreader类_详解java中的BufferedReader类
- openstack windows下远程debug调试(komodo)
- c语言扫掠数组,科学网—COMSOL 个人笔记 - 刘铨鸿的博文
- NPOI实现Word段落查找替换
- 计算机桌面图标如何变小,电脑屏幕图标怎么变小_桌面图标太大怎么调小
- 完整部署uniswap 合约、前端教程(可部署uniswap到bsc、heco)
- (每日一练c++)有效的数独
- 关于ttyS与ttySAC
- NVIDIA GPU常用命令及设置汇总
- 矩阵分析:广义逆矩阵,{1}逆,MP逆,D逆
- WPF基础系列二:控件简介
- C语言/C++基础之绘制图钉画(附源码)
- 大数据:数据合集,你想要的或许这里都有