Banana

Banana 设计师视检工具

What is Banana?

Banana is a Chrome extension developed by JoyyUED, and its main feature is "Banana 设计师视检工具".

Extension Screenshots

screenshot
screenshot

Download Banana Extension CRX File

Download Banana extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        设计师视检工具,通过加载工具条完成各项功能进行设计稿还原检查。其中包括审查模式、设备工具、文字工具、图片工具。

审查模式 -  获取当前点击元素信息(宽、高、背景颜色、 字体颜色、字体族、字号、字重、类名) 以及与其他元素的间距  
设备工具 - 可改变当前屏幕的显示效果(PC or Moblie)
文字工具 - 字体溢出注入检查字体过长效果
图片工具 - 加载不同图片效果检查页面适应效果                    

Extension Basic Information

Name Banana Banana
ID feeboobdagpjgahflcjebiheelnmjnii
Official URL https://chromewebstore.google.com/detail/banana/feeboobdagpjgahflcjebiheelnmjnii
Description Banana 设计师视检工具
File Size 22.95 KB
Installation Count 99
Current Version 1.9.1
Last Updated 2023-06-20
Publish Date 2021-10-08
Rating 5.00/5 Total 2 Ratings
Developer JoyyUED
Email [email protected]
Payment Type free
Supported Languages zh-CN
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Banana",
    "version": "1.9.1",
    "description": "Banana \u8bbe\u8ba1\u5e08\u89c6\u68c0\u5de5\u5177",
    "web_accessible_resources": [
        {
            "resources": [
                "script\/injected-script.js"
            ],
            "matches": [
                "*:\/\/*\/*"
            ]
        }
    ],
    "action": {
        "default_popup": "index.html",
        "default_icon": {
            "16": ".\/images\/logo.png",
            "32": ".\/images\/logo.png",
            "48": ".\/images\/logo.png",
            "128": ".\/images\/logo.png"
        }
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "script\/content-script.js"
            ],
            "run_at": "document_start"
        }
    ],
    "permissions": [
        "cookies"
    ],
    "host_permissions": [
        "*:\/\/*.inshopline.com\/*"
    ],
    "icons": {
        "16": ".\/images\/logo.png",
        "32": ".\/images\/logo.png",
        "48": ".\/images\/logo.png",
        "128": ".\/images\/logo.png"
    },
    "content_security_policy": [],
    "manifest_version": 3
}