1. 程式人生 > >一鍵收藏至導航(瀏覽器插件)

一鍵收藏至導航(瀏覽器插件)

option sdn align 系統流程圖 https url art left 如何

核心功能點:

碰到喜歡的網站一鍵收藏至導航系統中

主要難點:

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

一鍵收藏至導航(瀏覽器插件)