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
公式URL 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
Eメール [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'"
}