整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          多瀏覽器利用floccus插件同步書簽(收藏夾)

          日開始正式在工作中使用Deepin系統(tǒng),但首先就遇到一個問題,之前在Windows平臺下的各個瀏覽器里各自收藏了大量的網(wǎng)址資料,原本分別利用2345瀏覽器、360急速瀏覽器等各自的云收藏夾同步各自瀏覽器的資料,但現(xiàn)在將平臺切換到Deepin后,原瀏覽器的地址無法同步到新的平臺下。原有場景下,辦公室電腦、家里電腦可以同步資料,現(xiàn)在跨平臺后,這個書簽的同步就成為第一個障礙。為解決此問題,我查閱并嘗試了各種方法,最終選擇了通過在瀏覽器中安裝floccus插件,并利用堅果云的Webdav功能實現(xiàn)在Windows平臺、Deepin平臺下的Chrome瀏覽器、2345瀏覽器、360急速瀏覽器、Firefox瀏覽器等之間書簽同步。具體操作如下(安裝教程以奇安信可信瀏覽器為例):

          1、下載floccus插件(Firefox可以利用擴展商城直接安裝)。

          2、打開奇安信可信瀏覽器,選擇更多工具里的高級工具,如下圖所示:

          高級工具

          3、選擇“擴展工具”后,打開開發(fā)者模式

          開發(fā)者模式

          4、將下載的floccus.crx文件拖動到擴展程序窗口,如下圖,選擇“添加擴展程序”

          添加擴展程序

          5、打開瀏覽器中的擴展程序工具欄,找到安裝的floccus插件

          6、選擇新建賬戶

          7、選擇WebDAV分享,以利用堅果云WebDAV。

          8、根據(jù)堅果云里的信息,填寫WebDAV服務(wù)器參數(shù)。

          WebDAV參數(shù)

          9、輸入WebDAV服務(wù)器中的文件路徑,路徑需要在WebDAV服務(wù)器中創(chuàng)建,文件可以讓插件自動生成,要注意將來再不同瀏覽器中輸入相同的路徑名和文件名即可,本例中用的是“BookMarks/bookmarks.html”。文件格式可以根據(jù)需要自行選擇。在本地文件夾中選擇“/書簽欄”項即可。

          10、設(shè)置同步間隔時間和選擇同步策略,保持默認即可。或可根據(jù)需要自行修改參數(shù)。

          11、賬戶創(chuàng)建完成。

          12、為保證書簽的安全性,我們可以重新打開賬戶,設(shè)置書簽密碼(要注意不同瀏覽器中采用相同密碼)。

          設(shè)置書簽密碼

          13、首次同步可以考慮單擊充值緩存或關(guān)閉安全保護。但首次同步完成后,建議開啟安全保護。

          關(guān)閉或開啟安全保護

          14、在其它瀏覽器中安裝剛才所做順序重復(fù)操作即可。個人建議通過新建賬戶右側(cè)的導(dǎo)入導(dǎo)出按鈕啟動導(dǎo)出和導(dǎo)入向?qū)Вㄟ^導(dǎo)出將第一個瀏覽器中的配置導(dǎo)出為JSON配置文件,將此配置文件在不同瀏覽器中導(dǎo)入即可(注意,導(dǎo)入后要打開配置文件,開啟同步行為下的自動同步選項)。


          附錄:堅果云中創(chuàng)建WebDAV應(yīng)用。

          1、打開堅果云的賬戶信息,切換至安全選項,在右側(cè)單擊添加應(yīng)用即可。注意,這里的第三方應(yīng)用的賬戶與堅果云的帳號相同,同為電子郵件賬戶,密碼可以單擊顯示密碼后復(fù)制即可。


          2、在“我的文件”中新建文件夾“BookMarks”,這也是我之前第9步中所用的路徑名,具體可以根據(jù)需要自行設(shè)計。

          3、首次同步后,即可在剛才的文件夾內(nèi)發(fā)現(xiàn)bookmarks.html文件,也是我之前第9步中所用的文件名。

          TML 使用超級鏈接與網(wǎng)絡(luò)上的另一個文檔相連。

          幾乎可以在所有的網(wǎng)頁中找到鏈接。點擊鏈接可以從一張頁面跳轉(zhuǎn)到另一張頁面。

          實例

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <p>

          <a href="/index.html">本文本</a> 是一個指向本網(wǎng)站中的一個頁面的鏈接。</p>

          <p><a >本文本</a> 是一個指向萬維網(wǎng)上的頁面的鏈接。</p>

          </body>

          </html>

          [/demo]

          本例演示如何在 HTML 文檔中創(chuàng)建鏈接。

          將圖像作為鏈接

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <p>

          您也可以使用圖像來作鏈接:

          <a href="/example/html/lastpage.html">

          <img border="0" src="./imagecopy1234567890/test.gif" />

          </a>

          </p>

          </body>

          </html>

          [/demo]

          本例演示如何使用圖像作為鏈接。

          (可以在本頁底端找到更多實例)

          HTML 超鏈接(鏈接)

          超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,您可以點擊這些內(nèi)容來跳轉(zhuǎn)到新的文檔或者當(dāng)前文檔中的某個部分。

          當(dāng)您把鼠標(biāo)指針移動到網(wǎng)頁中的某個鏈接上時,箭頭會變?yōu)橐恢恍∈帧?/p>

          我們通過使用 <a> 標(biāo)簽在 HTML 中創(chuàng)建鏈接。

          有兩種使用 <a> 標(biāo)簽的方式:

          通過使用 href 屬性 - 創(chuàng)建指向另一個文檔的鏈接

          通過使用 name 屬性 - 創(chuàng)建文檔內(nèi)的書簽

          什么是超文本?

          標(biāo)記語言的真正威力在于其收集能力,它可以將收集來的文檔組合成一個完整的信息庫,并且可以將文檔庫與世界上的其他文檔集合鏈接起來。

          這樣的話,讀者不僅可以完全控制文檔在屏幕上的顯示,還可以通過超鏈接來控制瀏覽信息的順序。這就是 HTML 和 XHTML 中的 “HT” - 超文本(hypertext),就是它將整個 Web 網(wǎng)絡(luò)連接起來。

          超文本的基礎(chǔ)知識

          超文本的基本特征就是可以超鏈接文檔;你可以指向其他位置,該位置可以在當(dāng)前的文檔中、局域網(wǎng)中的其他文檔,也可以在因特網(wǎng)上的任何位置的文檔中。這些文檔組成了一個雜亂的信息網(wǎng)。目標(biāo)文檔通常與其來源有某些關(guān)聯(lián),并且豐富了來源;來源中的鏈接元素則將這種關(guān)系傳遞給瀏覽者。

          超鏈接可以用于各種效果。超鏈接可以用在目錄和主題列表中。瀏覽者可以在瀏覽器屏幕上單擊鼠標(biāo)或在鍵盤上按下按鍵,從而選擇并自動跳轉(zhuǎn)到文檔中自己感興趣的那個主題,或跳轉(zhuǎn)到世界上某處完全不同的集合中的某個文檔。

          超鏈接還可以向瀏覽者指出有關(guān)文檔中某個主題的更多信息。例如,“如果您想了解更詳細的信息,請參閱某某頁面。”。作者可以使用超鏈接來減少重復(fù)信息。例如,我們建議創(chuàng)作者在每個文檔中都簽署上自己的姓名。這樣就可以使用一個將名字和另一個包含地址、電話號碼等信息的單獨文檔鏈接起來的超鏈接,而不必在每個文檔中都包含完整的聯(lián)系信息。

          超鏈接(hyper text),或者按照標(biāo)準(zhǔn)叫法稱為錨(anchor),是使用 <a> 標(biāo)簽標(biāo)記的,可以用兩種方式表示。錨的一種類型是在文檔中創(chuàng)建一個熱點,當(dāng)用戶激活或選中(通常是使用鼠標(biāo))這個熱點時,會導(dǎo)致瀏覽器進行鏈接。瀏覽器會自動加載并顯示同一文檔或其他文檔中的某個部分,或觸發(fā)某些與因特網(wǎng)服務(wù)相關(guān)的操作,例如發(fā)送電子郵件或下載特殊文件等。錨的另一種類型會在文檔中創(chuàng)建一個標(biāo)記,該標(biāo)記可以被超鏈接引用。

          還有一些與超鏈接相關(guān)聯(lián)的鼠標(biāo)相關(guān)事件。這些事件與 JavaScript 結(jié)合使用可以產(chǎn)生一些令人激動的效果。

          注釋

          錨的這兩種類型都使用同樣的標(biāo)簽;也許這就是它們擁有同樣的名稱的原因。但是我們發(fā)現(xiàn),如果將它們區(qū)分開,把提供熱點和超鏈接地址的錨看作“鏈接”,而用于標(biāo)記文檔的目標(biāo)部分的錨稱為“錨”,那么您將更容易理解這兩種類型的錨。

          HTML 鏈接語法

          鏈接的 HTML 代碼很簡單。它類似這樣:

          <a href="url">Link text</a>

          href 屬性規(guī)定鏈接的目標(biāo)。

          開始標(biāo)簽和結(jié)束標(biāo)簽之間的文字被作為超級鏈接來顯示。

          實例

          <a >Visit W3School</a>

          上面這行代碼顯示為:Visit W3School

          點擊這個超鏈接會把用戶帶到 W3School 的首頁。

          提示:"鏈接文本" 不必一定是文本。圖片或其他 HTML 元素都可以成為鏈接。

          HTML 鏈接 - target 屬性

          使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示。

          下面的這行會在新窗口打開文檔:

          <a target="_blank">Visit W3School!</a>

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <a target="_blank">Visit W3School!</a>

          <p>如果把鏈接的 target 屬性設(shè)置為 "_blank",該鏈接會在新窗口中打開。</p>

          </body>

          </html>

          [/demo]

          HTML 鏈接 - name 屬性

          name 屬性規(guī)定錨(anchor)的名稱。

          您可以使用 name 屬性創(chuàng)建 HTML 頁面中的書簽。

          書簽不會以任何特殊方式顯示,它對讀者是不可見的。

          當(dāng)使用命名錨(named anchors)時,我們可以創(chuàng)建直接跳至該命名錨(比如頁面中某個小節(jié))的鏈接,這樣使用者就無需不停地滾動頁面來尋找他們需要的信息了。

          命名錨的語法:

          <a name="label">錨(顯示在頁面上的文本)</a>

          提示:錨的名稱可以是任何你喜歡的名字。

          提示:您可以使用 id 屬性來替代 name 屬性,命名錨同樣有效。

          實例

          首先,我們在 HTML 文檔中對錨進行命名(創(chuàng)建一個書簽):

          <a name="tips">基本的注意事項 - 有用的提示</a>

          然后,我們在同一個文檔中創(chuàng)建指向該錨的鏈接:

          <a href="#tips">有用的提示</a>

          您也可以在其他頁面中創(chuàng)建指向該錨的鏈接:

          <a >有用的提示</a>

          在上面的代碼中,我們將 # 符號和錨名稱添加到 URL 的末端,就可以直接鏈接到 tips 這個命名錨了。

          基本的注意事項 - 有用的提示:

          注釋:請始終將正斜杠添加到子文件夾。假如這樣書寫鏈接:,就會向服務(wù)器產(chǎn)生兩次 HTTP 請求。這是因為服務(wù)器會添加正斜杠到這個地址,然后創(chuàng)建一個新的請求,就像這樣:。

          提示:命名錨經(jīng)常用于在大型文檔開始位置上創(chuàng)建目錄。可以為每個章節(jié)賦予一個命名錨,然后把鏈接到這些錨的鏈接放到文檔的上部。如果您經(jīng)常訪問百度百科,您會發(fā)現(xiàn)其中幾乎每個詞條都采用這樣的導(dǎo)航方式。

          提示:假如瀏覽器找不到已定義的命名錨,那么就會定位到文檔的頂端。不會有錯誤發(fā)生。

          更多實例

          在新的瀏覽器窗口打開鏈接

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <a target="_blank">Visit W3School!</a>

          <p>如果把鏈接的 target 屬性設(shè)置為 "_blank",該鏈接會在新窗口中打開。</p>

          </body>

          </html>

          [/demo]

          本例演示如何在新窗口打開一個頁面,這樣的話訪問者就無需離開你的站點了。

          鏈接到同一個頁面的不同位置

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <p>

          <a href="#C4">查看 Chapter 4。</a>

          </p>

          <h2>Chapter 1</h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 2</h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 3</h2>

          <p>This chapter explains ba bla bla</p>

          <h2><a name="C4">Chapter 4</a></h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 5</h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 6</h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 7</h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 8</h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 9</h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 10</h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 11</h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 12</h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 13</h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 14</h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 15</h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 16</h2>

          <p>This chapter explains ba bla bla</p>

          <h2>Chapter 17</h2>

          <p>This chapter explains ba bla bla</p>

          </body>

          </html>

          [/demo]

          本例演示如何使用鏈接跳轉(zhuǎn)至文檔的另一個部分

          跳出框架

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <p>被鎖在框架中了嗎?</p>

          <a href="/index.html"

          target="_top">請點擊這里!</a>

          </body>

          </html>

          [/demo]

          本例演示如何跳出框架,假如你的頁面被固定在框架之內(nèi)。

          創(chuàng)建電子郵件鏈接

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <p>

          這是郵件鏈接:

          <a href="mailto:someone@microsoft.com?subject=Hello%20again">發(fā)送郵件</a>

          </p>

          <p>

          <b>注意:</b>應(yīng)該使用 %20 來替換單詞之間的空格,這樣瀏覽器就可以正確地顯示文本了。

          </p>

          </body>

          </html>

          [/demo]

          本例演示如何鏈接到一個郵件。(本例在安裝郵件客戶端程序后才能工作。)

          創(chuàng)建電子郵件鏈接 2

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <p>

          這是另一個 mailto 鏈接:

          <a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">發(fā)送郵件!</a>

          </p>

          <p>

          <b>注意:</b>應(yīng)該使用 %20 來替換單詞之間的空格,這樣瀏覽器就可以正確地顯示文本了。

          </p>

          </body>

          </html>

          [/demo]

          本例演示更加復(fù)雜的郵件鏈接。

          HTML 鏈接標(biāo)簽

          標(biāo)簽 描述

          <a> 定義錨。

          趣云書簽是一款非常實用的書簽工具,用戶可以在該軟件中收藏各種形式的文件,如書籍、歌曲、文章以及網(wǎng)頁等, 支持跨平臺同步內(nèi)容,非常的便捷,同時軟件中有著非常實用的分類列表,各位可以自定義列表的名次,幫助自己快速找到想要的內(nèi)容,有需要的小伙伴快來下載吧。

          來源:http://www.3h3.com/soft/279042.html

          軟件特色

          New藏趣云 是保存所有您喜愛的書籍、歌曲、文章或您在瀏覽時遇到的任何其他內(nèi)容的最佳場所。

          跨平臺瀏覽器書簽助手

          一次收藏,多平臺同步管理。自動備份至云盤,數(shù)據(jù)永不丟失!

          軟件功能

          收藏網(wǎng)頁、圖片、文本

          收藏網(wǎng)絡(luò)上的一切內(nèi)容

          編輯標(biāo)題和簡介

          自定義收藏的標(biāo)題和備注

          多級菜單目錄

          幫助您整理收藏的內(nèi)容

          標(biāo)簽、星標(biāo)

          橫向管理,與收藏集相輔相成

          編輯模式

          支持多選、拖拽

          導(dǎo)航首頁

          包羅萬象,尋找感興趣的內(nèi)容

          導(dǎo)入/導(dǎo)出/云備份

          一鍵導(dǎo)入瀏覽器書簽,并保留書簽結(jié)構(gòu);定時云盤百度網(wǎng)盤,防止數(shù)據(jù)丟失

          回收站

          放心地刪除收藏,它們都將自動進入回收站,隨時恢復(fù)

          跨平臺支持

          網(wǎng)頁 + 瀏覽器插件擴展

          常見問題

          Q.

          插件收費么?

          目前不收費,如果你覺得此插件,對你有用或者可以幫到你了,歡迎進行 捐贈

          Q.

          數(shù)據(jù)的隱私問題?

          您的數(shù)據(jù)安全是 藏趣云 的重要組成部分。后臺可以設(shè)置定時備份數(shù)據(jù)到個人云盤中。

          Q.

          導(dǎo)入/導(dǎo)出數(shù)據(jù)?

          藏趣云支持從各種格式的 Web 瀏覽器和服務(wù)中導(dǎo)入書簽。支持導(dǎo)出瀏覽器可識別格式數(shù)據(jù),支持定時備份到百度云盤中

          Q.

          音頻、視頻可以同步過去么?

          不好意思,目前只支持網(wǎng)頁,短文,圖片的同步,其次音視頻其它平臺有些也都不支持


          主站蜘蛛池模板: 国产亚洲一区二区精品| 无码人妻精品一区二区在线视频 | 中文字幕一区二区人妻| 精品视频在线观看一区二区三区| 福利片福利一区二区三区| 亚洲一区二区三区精品视频 | 福利一区在线视频| 国产一区三区三区| 国产一区美女视频| 亚洲午夜一区二区三区| 狠狠综合久久AV一区二区三区| 久久国产一区二区三区| 亚洲午夜精品第一区二区8050| 亚洲天堂一区二区| 中文字幕一区日韩在线视频| 成人毛片无码一区二区| 无码国产精品一区二区免费I6| 国产精品一区在线观看你懂的| 竹菊影视欧美日韩一区二区三区四区五区 | 无码精品人妻一区二区三区AV| 一区二区视频在线播放| 国产福利一区二区在线视频 | 国产精品亚洲综合一区| 亚洲中文字幕乱码一区| 91视频一区二区三区| 国产午夜精品一区理论片| 国产成人精品一区在线| 成人影片一区免费观看| 国产成人精品无码一区二区三区| 国产aⅴ一区二区| 波多野结衣精品一区二区三区 | 国产精品一区二区在线观看| 亚洲av无码一区二区三区天堂 | 成人中文字幕一区二区三区| 无码av免费毛片一区二区| 成人免费视频一区| 国产伦精品一区三区视频| 亚洲AV无码一区二区三区电影| 国产麻豆精品一区二区三区| 日韩精品无码Av一区二区 | 久久免费国产精品一区二区|