Java使用Jsoup實現(xiàn)將瀏覽器書簽HTML轉(zhuǎn)換為JSON

更新時間：2026年01月18日 08:59:19 作者：weixin_46244623

這篇文章主要介紹了如何使用Jsoup和Fastjson2將瀏覽器導出的書簽HTML文件解析為層級化的JSON結(jié)構(gòu),文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的小伙伴可以了解下

一、背景說明

瀏覽器（Chrome / Edge / Firefox）導出的書簽文件，通常是 Netscape Bookmark HTML 格式。
在實際開發(fā)中，我們可能會遇到以下需求：

將瀏覽器書簽導入到自己的系統(tǒng)
對書簽進行結(jié)構(gòu)化存儲（如數(shù)據(jù)庫、JSON）
做書簽導航站、搜索、同步工具等

本文通過 Jsoup + Fastjson2，演示如何將書簽 HTML 解析為層級 JSON 結(jié)構(gòu)，并支持 遞歸子目錄。

二、書簽 HTML 格式說明

瀏覽器導出的書簽文件大致結(jié)構(gòu)如下：

<DL>
  <DT><H3>文件夾</H3>
  <DL>
    <DT><A  rel="external nofollow" >百度</A>
    <DT><H3>子文件夾</H3>
    <DL>
      <DT><A  rel="external nofollow" >百度地圖</A>
    </DL>
  </DL>
</DL>

關(guān)鍵點：

<H3>：表示一個文件夾
<A>：表示一個書簽鏈接
<DL>：表示當前文件夾的內(nèi)容
文件夾與其內(nèi)容是 H3 → 緊跟的 DL

三、技術(shù)選型

技術(shù)	作用
Jsoup	解析 HTML DOM
Fastjson2	構(gòu)建 JSON 數(shù)據(jù)
JUnit + SpringBootTest	測試運行

四、完整示例代碼

下面給出 完整可運行代碼，包括導入、類定義和遞歸方法：

package com.nav.test;

import com.alibaba.fastjson2.JSONArray;
import com.alibaba.fastjson2.JSONObject;
import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
import org.jsoup.nodes.Element;
import org.jsoup.select.Elements;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.springframework.boot.test.context.SpringBootTest;
import org.springframework.test.context.junit4.SpringRunner;

@SpringBootTest
@RunWith(SpringRunner.class)
public class Bookmark {

    @Test
    public void main() {
        // 模擬瀏覽器導出的書簽 HTML 內(nèi)容
        String bookmarkContent = "<!DOCTYPE NETSCAPE-Bookmark-file-1>\n" +
                "<!-- This is an automatically generated file. -->\n" +
                "<META HTTP-EQUIV=\"Content-Type\" CONTENT=\"text/html; charset=UTF-8\">\n" +
                "<TITLE>Bookmarks</TITLE>\n" +
                "<H1>Bookmarks</H1>\n" +
                "<DL><p>\n" +
                "    <DT><H3 ADD_DATE=\"1632971641\" LAST_MODIFIED=\"1689686797\" PERSONAL_TOOLBAR_FOLDER=\"true\">書簽欄</H3>\n" +
                "    <DL><p>\n" +
                "        <DT><A HREF=\"https://www.baidu.com/\" ADD_DATE=\"1689686710\">百度一下，你就知道</A>\n" +
                "        <DT><H3 ADD_DATE=\"1689686747\" LAST_MODIFIED=\"1689686798\">子書簽</H3>\n" +
                "        <DL><p>\n" +
                "            <DT><A HREF=\"https://map.baidu.com/\" ADD_DATE=\"1689686769\">百度地圖</A>\n" +
                "        </DL><p>\n" +
                "    </DL><p>\n" +
                "</DL><p>";

        // 使用 Jsoup 解析 HTML
        Document doc = Jsoup.parse(bookmarkContent);

        // 找到書簽欄（Chrome 的 PERSONAL_TOOLBAR_FOLDER）
        Element mainFolder = doc.select("h3[personal_toolbar_folder]").first();

        // 遞歸處理
        JSONObject result = processFolder(mainFolder);

        // 輸出 JSON
        System.out.println(result.toJSONString());
    }

    /**
     * 遞歸處理文件夾
     *
     * @param folderElement 文件夾對應的 H3 元素
     * @return JSONObject 結(jié)構(gòu) {name, links, subFolders}
     */
    private static JSONObject processFolder(Element folderElement) {
        JSONObject folderJson = new JSONObject();

        // 文件夾名稱
        folderJson.put("name", folderElement.text());

        // 當前文件夾對應的 <DL>
        Element dl = folderElement.nextElementSibling();

        // 當前目錄下的鏈接
        JSONArray links = new JSONArray();
        for (Element a : dl.select("> dt > a")) {
            JSONObject linkJson = new JSONObject();
            linkJson.put("name", a.text());
            linkJson.put("url", a.attr("href"));
            links.add(linkJson);
        }
        folderJson.put("links", links);

        // 子文件夾
        JSONArray subFolders = new JSONArray();
        for (Element h3 : dl.select("> dt > h3")) {
            subFolders.add(processFolder(h3));
        }
        folderJson.put("subFolders", subFolders);

        return folderJson;
    }
}

五、輸出 JSON 示例

運行上面的代碼，控制臺輸出類似：

{
  "name": "書簽欄",
  "links": [
    {
      "name": "百度一下，你就知道",
      "url": "https://www.baidu.com/"
    }
  ],
  "subFolders": [
    {
      "name": "子書簽",
      "links": [
        {
          "name": "百度地圖",
          "url": "https://map.baidu.com/"
        }
      ],
      "subFolders": []
    }
  ]
}

六、實現(xiàn)思路總結(jié)

H3 表示文件夾
H3 后面的 DL 是內(nèi)容
使用 nextElementSibling() 關(guān)聯(lián)目錄
遞歸解析子文件夾
通過 > dt > a 和 > dt > h3 選擇器分別獲取當前目錄的書簽和子文件夾

到此這篇關(guān)于Java使用Jsoup實現(xiàn)將瀏覽器書簽HTML轉(zhuǎn)換為JSON的文章就介紹到這了,更多相關(guān)Java瀏覽器書簽HTML轉(zhuǎn)JSON內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: