告别鼠标疲劳！OneToc助您轻松获取网页关键信息

OneToc：优化您的网页阅读体验

您是否厌倦了滚动浏览无休止的网页，只为寻找关键信息？

在现代信息时代，获取信息已成为一项不可或缺的任务。然而，传统网页内容通常缺乏明确的目录索引，这迫使我们不断上下滚动鼠标，极大地影响了阅读体验和效率。

OneToc：您的网页导航救星

OneToc 应运而生，旨在解决这一普遍痛点。它是一款先进的网页导航工具，能够自动生成网页内容的大纲，帮助您快速定位关键信息并大幅提升阅读体验。

有了 OneToc，您将能够：

• 轻而易举地浏览网页内容，快速找到所需的信息。
• 无需反复滚动鼠标，减少鼠标疲劳，提高阅读效率。
• 轻松掌握网页的整体结构，一目了然地掌握内容重点。
• 无论页面有多长，都能毫不费力地找到所需的章节或段落。

使用 OneToc：简单方便

1. 访问 OneToc 网站或安装 OneToc 浏览器扩展。
2. 访问需要生成大纲的网页。
3. 点击 OneToc 工具栏中的“生成大纲”按钮。
4. OneToc 将自动分析网页内容并生成大纲。
5. 您可以在 OneToc 侧边栏中查看大纲，并点击大纲项快速跳转到相应的内容。

OneToc 的优势

• 闪电般生成大纲： OneToc 能够在几秒钟内生成网页大纲，即使是长篇网页也不例外。
• 准确全面的大纲： OneToc 能够准确地识别网页中的标题和段落，并将其组织成清晰的大纲。
• 清晰明了的可视化设计： OneToc 的大纲采用可视化的设计，让您一目了然地掌握网页的结构。
• 多种网页格式支持： OneToc 支持多种网页格式，包括 HTML、PDF、Word 等。
• 适用于多种浏览器： OneToc 支持多种主流浏览器，包括 Chrome、Firefox、Edge 等。

体验全新的阅读方式

使用 OneToc，您将大幅提升网页阅读的体验，减少鼠标疲劳，提高阅读效率，轻松获取所需的信息。快来尝试 OneToc，体验全新的阅读方式吧！

OneToc 常见问题解答

1. OneToc 是免费的吗？

是的，OneToc 是一款完全免费的工具。

2. OneToc 支持哪些浏览器？

OneToc 支持 Chrome、Firefox、Edge 等主流浏览器。

3. OneToc 支持哪些网页格式？

OneToc 支持 HTML、PDF、Word 等多种网页格式。

4. OneToc 如何生成网页大纲？

OneToc 通过分析网页中的标题和段落来生成大纲。

5. OneToc 生成的大纲准确吗？

是的，OneToc 生成的大纲准确且全面。

代码示例

// 安装 OneToc 浏览器扩展
chrome.webstore.install();

// 生成网页大纲
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
  chrome.tabs.sendMessage(tabs[0].id, {action: "generateOutline"});
});

// 在侧边栏显示大纲
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
  if (request.action === "showOutline") {
    var outline = request.outline;

    // 在侧边栏创建大纲列表
    var outlineList = document.createElement("ul");
    for (var i = 0; i < outline.length; i++) {
      var outlineItem = document.createElement("li");
      outlineItem.innerHTML = outline[i];

      // 添加点击事件处理程序以跳转到相应的内容
      outlineItem.addEventListener("click", function(e) {
        var headingId = e.target.innerHTML;
        var heading = document.getElementById(headingId);
        heading.scrollIntoView();
      });

      outlineList.appendChild(outlineItem);
    }

    // 将大纲列表添加到侧边栏
    document.body.appendChild(outlineList);
  }
});