一键收藏至导航（浏览器插件）

Posted 2020-09-22

核心功能点：

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

 

主要难点：

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