Mobile DevTools

A mobile browser extension for debugging web sites and applications with the console, DOM, network info, sources, and more.

什麼是Mobile DevTools?

Mobile DevTools是由Volle.io開發的Chrome擴展程式,該擴展的主要功能是“A mobile browser extension for debugging web sites and applications with the console, DOM, network info, sources, and more.”。

擴展截圖

screenshot
screenshot
screenshot
screenshot

下載Mobile DevTools擴展crx文件

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

擴展使用說明

                        A mobile browser extension for debugging web apps. Based on the open source project Eruda, Mobile DevTools allows you to view the console, DOM elements, network traffic, page source, resources, and more.

Click the extensions's icon in the toolbar or menu to open the overlay. Drag the top menu left & right and tap on a tab to open:
    • Console - View JavaScript logs, errors, warnings, and other debug info. Execute arbitrary JS to interact with the webpage.
    • Elements - Drill down into the DOM tree to see attributes, inline styles, CSS rules, and computed styles.
    • Network - Record in detail the network requests being made and inspect the responses.
    • Resource - Show local storage, session storage, cookies, scripts, stylesheets, iframes, and image assets.
    • Sources - Source code viewer for HTML, JS, and CSS.
    • Info - View the current URL, User Agent, and device details.
    • Snippets - Execute useful JavaScript snippets. If you're a developer and would like to add additional plugins, please visit Eruda's documentation at https://github.com/liriliri/eruda and contact the developer of this extension!

Mobile DevTools may not work on all websites, depending on the page content's security policies.                    

擴展基本資訊

名稱 Mobile DevTools Mobile DevTools
ID okfdckomkajiaeejefanbonnhppmplpo
官方網址 https://chromewebstore.google.com/detail/mobile-devtools/okfdckomkajiaeejefanbonnhppmplpo
簡介 A mobile browser extension for debugging web sites and applications with the console, DOM, network info, sources, and more.
檔案大小 127 KB
安裝次數 4,642
目前版本 0.1.0
更新時間 2019-08-30
上架時間 2019-08-29
評分 5.00/5 共 4 次評分
開發者 Volle.io
電子郵箱 [email protected]
付費類型 free
擴展官網 https://github.com/volleio/mobile-devtools
說明頁面URL https://github.com/volleio/mobile-devtools/issues
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Mobile DevTools",
    "version": "0.1.0",
    "manifest_version": 2,
    "description": "A mobile browser extension for debugging web sites and applications with the console, DOM, network info, sources, and more.",
    "homepage_url": "https:\/\/github.com\/volleio\/mobile-devtools#readme",
    "icons": {
        "16": "icons\/mobile-devtools16.png",
        "48": "icons\/mobile-devtools48.png",
        "128": "icons\/mobile-devtools128.png"
    },
    "background": {
        "page": "background.html",
        "persistent": false
    },
    "browser_action": {
        "default_title": "Mobile DevTools"
    },
    "web_accessible_resources": [
        "eruda.min.js",
        "toggle-devtools.js"
    ],
    "permissions": [
        "activeTab"
    ],
    "content_security_policy": "script-src 'self' https:\/\/www.googletagmanager.com https:\/\/www.google-analytics.com; object-src 'self'"
}