HTML Editor

This extension allows you to easily mock-up changes to your HTML

什麼是HTML Editor?

HTML Editor是由Thomas Povinelli開發的Chrome擴展程式,該擴展的主要功能是“This extension allows you to easily mock-up changes to your HTML”。

擴展截圖

screenshot

下載HTML Editor擴展crx文件

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

擴展使用說明

                        This extension lets you easily edit HTML on your pages in real time so that you can quickly see
what your changes will look like without having to change source, and reload the page.

Simply press SHIFT + X to start the extension. You will see the current HTML element
you are hovering over highlight in red. If you press ENTER a dialog will allow you to edit
the HTML that currently exists in the element. (You can also click the element, but WARNING if you click a link,
it will follow the link and ruin your progress!).

By default, pressing ENTER or clicking an element will allow you to edit the `textContent` property.
Hold SHIFT while pressing ENTER or while clicking an element to edit its `innerHTML` property.

Simply press SHIFT + X or ESCAPE to stop the extension and go back to the normal webpage viewing mode                    

擴展基本資訊

名稱 HTML Editor HTML Editor
ID jdpnokacamibfikmngoeoiaadfhlhaea
官方網址 https://chromewebstore.google.com/detail/html-editor/jdpnokacamibfikmngoeoiaadfhlhaea
簡介 This extension allows you to easily mock-up changes to your HTML
檔案大小 18.23 KB
安裝次數 442
目前版本 0.1.0
更新時間 2021-04-08
上架時間 2021-04-08
開發者 Thomas Povinelli
電子郵箱 [email protected]
付費類型 free
擴展官網 https://github.com/elunico/HTML-Editor
說明頁面URL https://github.com/elunico/HTML-Editor
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "HTML Editor",
    "version": "0.1.0",
    "manifest_version": 2,
    "description": "This extension allows you to easily mock-up changes to your HTML",
    "homepage_url": "http:\/\/github.com\/elunico",
    "icons": {
        "16": "icons\/HtmlEditor16.png",
        "48": "icons\/HtmlEditor48.png",
        "128": "icons\/HtmlEditor128.png"
    },
    "default_locale": "en",
    "permissions": [
        "https:\/\/*\/*",
        "http:\/\/*\/*"
    ],
    "content_scripts": [
        {
            "matches": [
                "https:\/\/*\/*"
            ],
            "css": [
                "src\/inject\/inject.css"
            ]
        },
        {
            "matches": [
                "https:\/\/*\/*"
            ],
            "js": [
                "src\/inject\/inject.js"
            ]
        }
    ]
}