Turbo devtools

Easily locate turbo-frames with this simple developer tools for Turbo Frames

什麼是Turbo devtools?

Turbo devtools是由L Campanari開發的Chrome擴展程式,該擴展的主要功能是“Easily locate turbo-frames with this simple developer tools for Turbo Frames”。

擴展截圖

screenshot

下載Turbo devtools擴展crx文件

下載Turbo devtools擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        This tool is meant to facilitate debugging Turbo Frames by highlighting  HTML tags in the active page. If  tags are present in the page, invoking the extension will highlight those tags with a red border and an identifier.

Inspired by this tweet by Matt Swanson: https://twitter.com/_swanson/status/1486482689741971463                    

擴展基本資訊

名稱 Turbo devtools Turbo devtools
ID mbmcohillflnaeklgeoigcofknjfjgjn
官方網址 https://chromewebstore.google.com/detail/turbo-devtools/mbmcohillflnaeklgeoigcofknjfjgjn
簡介 Easily locate turbo-frames with this simple developer tools for Turbo Frames
檔案大小 10.41 KB
安裝次數 143
目前版本 0.0.2
更新時間 2022-05-30
上架時間 2022-05-06
評分 5.00/5 共 4 次評分
開發者 L Campanari
電子郵箱 [email protected]
付費類型 free
擴展官網 https://github.com/lcampanari/turbo-devtools
說明頁面URL https://github.com/lcampanari/turbo-devtools
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Turbo devtools",
    "version": "0.0.2",
    "description": "Easily locate turbo-frames with this simple developer tools for Turbo Frames",
    "manifest_version": 3,
    "icons": {
        "16": "assets\/icon\/16x16.png",
        "32": "assets\/icon\/32x32.png",
        "48": "assets\/icon\/48x48.png"
    },
    "action": [],
    "permissions": [
        "activeTab",
        "scripting"
    ],
    "background": {
        "service_worker": "background.js"
    },
    "web_accessible_resources": [
        {
            "resources": [
                "turbo-frame\/debug.css"
            ],
            "matches": [
                "*:\/\/*\/*"
            ]
        }
    ]
}