讲师中心 微信公众号
AI工具推荐 视频效率加速

Chrome远程调试协议:使用Go语言获取浏览器标签页信息

陌婷姑娘_4128

陌婷姑娘_4128

发布时间:2025-11-07 19:20:01

|

789人浏览过

|

来源于php中文网

原创

Chrome远程调试协议:使用Go语言获取浏览器标签页信息

本文详细介绍了如何利用google chrome的远程调试协议,通过go语言程序获取浏览器运行时的标签页信息,包括打开的标签页数量和当前活动url。教程涵盖了chrome启动配置、http接口访问以及json数据解析的实现细节,为开发者提供了一种在macos环境下,以编程方式获取chrome浏览器状态的有效方法。

通过Chrome远程调试协议获取标签页信息

在开发过程中,有时需要以编程方式获取Google Chrome浏览器中运行的标签页信息,例如打开的标签页数量或当前活动URL。虽然macOS上可以通过AppleScript实现,但为了实现更灵活、跨平台的控制,Chrome提供了一个强大的工具——远程调试协议(Remote Debugging Protocol)。本教程将详细介绍如何利用Go语言通过此协议获取所需的浏览器标签页数据。

1. 理解Chrome远程调试协议

Chrome远程调试协议允许外部工具与Chrome浏览器进行通信,以实现调试、检查和控制等功能。对于获取标签页基本信息,我们主要利用其提供的HTTP接口来获取所有打开标签页的JSON索引。每个标签页都包含其URL、标题、ID等关键信息。

2. 启动Chrome并启用远程调试端口

要使用远程调试协议,首先需要以特定参数启动Chrome浏览器,以启用远程调试端口。

chrome --remote-debugging-port=9222

注意事项:

立即学习“go语言免费学习笔记(深入)”;

  • 为了确保远程调试端口能够正常开启,在执行此命令前,请关闭所有正在运行的Chrome浏览器实例。

  • 如果不想关闭现有Chrome会话,可以使用 --user-data-dir= 参数指定一个独立的临时用户数据目录来启动一个新的Chrome实例:

    chrome --remote-debugging-port=9222 --user-data-dir=/tmp/chrome_debug_profile

    这样,新的Chrome实例将使用一个全新的用户配置,不会干扰您正在使用的Chrome会话。

一旦Chrome启动成功,远程调试服务将在指定的端口(例如9222)上监听请求。

Apple Health → OpenClaw
Apple Health → OpenClaw

将 iPhone 的 Apple Health 数据同步到 OpenClaw。只需扫描一次二维码,无需手动配置。支持 Mac、Linux 和 VPS。

下载

3. 获取标签页JSON数据

启用远程调试端口后,您可以通过访问一个特定的HTTP端点来获取所有打开标签页的JSON索引。该端点通常是 http://localhost:/json。例如,如果端口是 9222,则访问 http://localhost:9222/json。

这个端点会返回一个JSON数组,其中每个元素代表一个打开的标签页,包含其详细信息。

4. 使用Go语言解析标签页信息

以下Go语言代码示例展示了如何连接到远程调试端口,并解析返回的JSON数据以获取标签页列表。

首先,定义一个结构体来映射JSON响应中的标签页数据:

package main

import (
    "encoding/json"
    "fmt"
    "net/http"
    "time"
)

// Tab 结构体定义了从Chrome远程调试协议获取的标签页信息
type Tab struct {
    Description          string `json:"description"`
    DevtoolsFrontendUrl  string `json:"devtoolsFrontendUrl"`
    FaviconUrl           string `json:"faviconUrl"`
    Id                   string `json:"id"`
    ThumbnailUrl         string `json:"thumbnailUrl"`
    Title                string `json:"title"`
    Type                 string `json:"type"`
    Url                  string `json:"url"`
    WebSocketDebuggerUrl string `json:"webSocketDebuggerUrl"`
}

// GetTabs 函数通过HTTP请求获取Chrome所有打开的标签页信息
func GetTabs(port string) ([]Tab, error) {
    // 构建请求URL
    url := fmt.Sprintf("http://localhost:%s/json", port)

    // 创建一个HTTP客户端,设置超时
    client := &http.Client{Timeout: 10 * time.Second}
    resp, err := client.Get(url)
    if err != nil {
        return nil, fmt.Errorf("failed to make HTTP request to %s: %w", url, err)
    }
    defer resp.Body.Close()

    // 检查HTTP响应状态码
    if resp.StatusCode != http.StatusOK {
        return nil, fmt.Errorf("received non-OK HTTP status: %s", resp.Status)
    }

    var tabs []Tab
    // 解码JSON响应到Tab结构体切片
    err = json.NewDecoder(resp.Body).Decode(&tabs)
    if err != nil {
        return nil, fmt.Errorf("failed to decode JSON response: %w", err)
    }

    return tabs, nil
}

func main() {
    // 假设Chrome以 --remote-debugging-port=9222 启动
    debugPort := "9222" 

    tabs, err := GetTabs(debugPort)
    if err != nil {
        fmt.Printf("Error getting tabs: %v\n", err)
        return
    }

    fmt.Printf("Found %d open tabs:\n", len(tabs))
    for i, tab := range tabs {
        fmt.Printf("Tab %d:\n", i+1)
        fmt.Printf("  ID: %s\n", tab.Id)
        fmt.Printf("  Title: %s\n", tab.Title)
        fmt.Printf("  URL: %s\n", tab.Url)
        fmt.Printf("  Type: %s\n", tab.Type)
        fmt.Printf("  WebSocket Debugger URL: %s\n", tab.WebSocketDebuggerUrl)
        fmt.Println("--------------------")
    }
}

在上述代码中:

  • Tab 结构体定义了从JSON响应中提取的关键字段,如 Url(当前标签页的URL)、Title(标签页标题)、Id(标签页唯一标识)和 WebSocketDebuggerUrl(用于更高级调试的WebSocket连接地址)。
  • GetTabs 函数负责向Chrome的远程调试端口发起HTTP GET请求,并使用 json.NewDecoder 将响应体直接解码为 []Tab 切片。
  • main 函数调用 GetTabs 并打印出获取到的标签页信息,包括打开的标签页总数、每个标签页的标题和URL。

5. 功能与局限性

可获取的信息: 通过上述方法,您可以轻松获取每个打开标签页的以下基本信息:

  • 标签页数量
  • 当前活动URL
  • 标签页标题
  • Favicon URL
  • 标签页类型(如 "page", "background_page" 等)
  • 用于高级调试的WebSocket URL

局限性:

  • 实时事件: 仅仅通过 http://localhost:9222/json 端点无法实现实时事件监听,例如当一个新标签页被打开或现有标签页的URL发生变化时,不会自动收到通知。
  • 高级控制: 如果需要对单个标签页进行更深入的控制或监听其内部事件(如页面加载完成、DOM操作等),则需要利用 WebSocketDebuggerUrl 建立WebSocket连接,并遵循完整的Chrome远程调试协议进行交互。这超出了本教程获取基本信息的范畴。

6. 总结

Chrome远程调试协议为开发者提供了一个强大且灵活的接口,用于以编程方式与浏览器进行交互。通过Go语言结合简单的HTTP请求,我们可以方便快捷地获取Chrome浏览器中所有打开标签页的基本信息,如数量、标题和URL。虽然对于实时事件监听需要更复杂的WebSocket实现,但对于简单的信息查询,上述方法已足够高效和实用,尤其适用于macOS等特定环境下的自动化需求。

要深入了解Chrome远程调试协议的更多功能和详细用法,请参考官方文档:Chrome Developer Tools Protocol。

热门AI工具

更多
DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

小橡皮AI

一款AI工具,主要用于小橡皮一键去AI味,将机器味重的内容改得更有活人感,防止因为 AI 内容被平台打上 AI 标签,以及限流,适合需要提升相关任务效率的用户。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2195

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

3422

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

1156

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

3939

2025.09.10

chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

2806

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

5579

2023.11.06

Chrome开启无痕模式
Chrome开启无痕模式

本专题整合了Chrome无痕模式开启相关内容,阅读专题下面的文章了解更多详细教程。

3987

2026.03.24

golang结构体相关大全
golang结构体相关大全

本专题整合了golang结构体相关大全,想了解更多内容,请阅读专题下面的文章。

4934

2025.06.09

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

100

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WEB前端教程【HTML5+CSS3+JS】
WEB前端教程【HTML5+CSS3+JS】

共101课时 | 21.2万人学习

JS进阶与BootStrap学习
JS进阶与BootStrap学习

共39课时 | 4.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn