Codopen

Easy-peasy debugging of all your codepen codepens!

什麼是Codopen?

Codopen是由Dizzy開發的Chrome擴展程式,該擴展的主要功能是“Easy-peasy debugging of all your codepen codepens!”。

擴展截圖

screenshot

下載Codopen擴展crx文件

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

擴展使用說明

                        Adds a button and shortcut (Ctrl-Shift-i) to switch between Pen and Debug view tabs for a Codepen.                    

擴展基本資訊

名稱 Codopen Codopen
ID agnkphdgffianchpipdbkeaclfbobaak
官方網址 https://chromewebstore.google.com/detail/codopen/agnkphdgffianchpipdbkeaclfbobaak
簡介 Easy-peasy debugging of all your codepen codepens!
檔案大小 18.88 KB
安裝次數 2,247
目前版本 1.0.3
更新時間 2019-10-19
上架時間 2019-10-19
評分 4.78/5 共 9 次評分
開發者 Dizzy
付費類型 free
擴展官網 http://github.com/dizzyd/codopen
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Codopen",
    "version": "1.0.3",
    "manifest_version": 2,
    "description": "Easy-peasy debugging of all your codepen codepens!",
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "page_action": {
        "default_icon": {
            "16": "icons\/icon16.png",
            "32": "icons\/icon32.png"
        }
    },
    "commands": {
        "toggle-codepen-dbg": {
            "description": "Toggle CodePen Debugging Mode",
            "suggested_key": {
                "default": "Ctrl+Shift+I"
            }
        }
    },
    "permissions": [
        "activeTab",
        "declarativeContent",
        "tabs"
    ],
    "content_security_policy": "script-src 'self' https:\/\/www.google-analytics.com; object-src 'self'"
}