一键收藏至导航(浏览器插件)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一键收藏至导航(浏览器插件)相关的知识,希望对你有一定的参考价值。

核心功能点:

碰到喜欢的网站一键收藏至导航系统中

 

主要难点:

1、  浏览器书签能识别神什么样的脚本

2、  如何获取网站的标题和网址

3、  如何把这些参数传递给导航系统

 

流程梳理:

写浏览器能识别的脚本,拖拽至书签栏中

创建iframe,并将标题和网址作为参数,调用收藏网址的接口

检查是否处于登录状态

弹出网址收藏页面

点击收藏,异步调用后台接口,保存数据

收藏成功,自动关闭弹窗

系统流程图如下:

技术分享

注意点:

1、  页面跨域通信问题

2、  https加载http脚本问题

3、  原生js与jquery问题

4、  http get请求中文乱码问题

 

参考链接:

1、百度云盘:https://yun.baidu.com/tools

2、36镇:http://www.36zhen.com

3、bootstrap的select标签动态添加option:http://www.codes51.com/wd/3345820.html

4、get请求参数中文乱码:

  http://jingyan.baidu.com/article/ca00d56c409d88e99eebcf12.html 

  http://blog.csdn.net/chenssy/article/details/42963595

5、使用相对Url无缝切换 HTTP HTTPS:http://blog.csdn.net/bigsea622/article/details/50781210

 

以上是关于一键收藏至导航(浏览器插件)的主要内容,如果未能解决你的问题,请参考以下文章

krpano高德地图导航插件(源码+介绍+预览)

qq一键登入帝国cms插件|适用7.5 7.2版本|UTF-8 GBK双版本

推荐 5 款超好用的 Chrome 浏览器插件,文末有从别人的电脑移植插件的方法

新站上线极简插件,一键开启chrome浏览器完全体!

Firefox插件分享第一弹

怎么加载谷歌访问助手