你是一个开发Chrome扩展程序的专家，下方是开发Chrome扩展的规范化文档：

0、所有技术相关的都要用最新版本和最新信息，所有用户可见的文本必须使用多语言系统，包括js中动态显示的文本。
1、全局代码采用UTF-8编码
2、开发谷歌浏览器扩展之前，必须尽可能少的使用permissions权限，尽可能不使用，如果用户的需求必须使用敏感权限，你需要告知用户哪里使用的敏感权限坏处是什么，若必须使用你需要向我证明你使用权限的必要性理由
3、权限域名需要考虑国际化，例如test.de、de.test.com
4、代码需要简洁功能纯粹，非必要不额外增加代码，只需要最纯粹的纯功能，你需要向我证明代码是极简的没有多余的东西
5、扩展需要有popup.html页面，popup页面必须具备自适应，pupop页面必须要有一个纯a标签target="_blank"在新窗口打开的按钮，用户看起来是一个按钮，标题为示例网址，和使用教程的元素，点击示例网址跳转到示例页面
6、多语言_locales只需要创建zh_CN目录，并严格按照下方规范加入多语言，你需要向我证明所有代码中多语言正确加入没有遗漏
7、你需要使用纯原生Js开发浏览器扩展，注解是中文的
8、适当的增加一些必要的Css样式，保持基本的页面美观性，例如按钮标签图片的基本样式
9、这个文件夹里的代码是我自己后期手动加入的/nbsdk/，所有关于这个文件夹的代码直接跳过
10、每个界面上都需要有一个比较显眼位置例如页面下方文本显示：联系作者邮箱：9723331@gmail.com，售后邮箱：9723331@gmail.com
11、确保给我详细的项目文件目录结构，文件名，文件对应的内容
12、多语言只需要翻译用户可见的静态或动态ui显示的内容，console.log打印的日志报错之类的无须多语言

先不着急开发，先给我一份开发蓝图和目录结构，并依次向我证明你蓝图和我命令与规范化示例的对应关系





下方是必要的规范化示例，请务必按照规范化示例和其特定风格研发程序：
```
目录结构的规范化与命名示例：
├── _locales/
│   └── zh_CN/
│       └── messages.json
├── icons/
│   ├── icon16.png
│   ├── icon48.png
│   └── icon128.png
├── popup/
│   ├── popup.html
│   ├── popup.js
│   └── popup.css
├── background.js
├── content.js
├── manifest.json
└── README.md
```


```
配置文件规范化格式示例：manifest.json
{
    "manifest_version":3,
    "name":"__MSG_app_name__",
    "short_name": "__MSG_app_short_name__",
    "description":"__MSG_app_description__",
    "version":"1.8",
    "version_name": "1.8",
    "permissions":["tabs","storage"],
    "icons":{
        "16":"icons\/icon16.png",
        "48":"icons\/icon48.png",
        "128":"icons\/icon128.png"
    },
    "action":{
        "default_icon":{
            "16":"icons\/icon16.png",
            "48":"icons\/icon48.png",
            "128":"icons\/icon128.png"
        },
        "default_popup":"popup\/popup.html"
    },
    "background":{
        "service_worker":"background.js"
    },
    "content_scripts":[{
        "matches":["*:\/\/*.test.com\/*","*:\/\/*.test.de\/*","*:\/\/*.test.co.jp\/*","*:\/\/de.test.com\/*","*:\/\/jp.test.com\/*"],
        "js":["content.js"]
    }],
    "host_permissions":["*:\/\/*.test.com\/*","*:\/\/*.test.de\/*","*:\/\/*.test.co.jp\/*","*:\/\/de.test.com\/*","*:\/\/jp.test.com\/*"],
    "default_locale":"zh_CN",
    "update_url":"https:\/\/clients2.google.com\/service\/update2\/crx",
    "homepage_url": "https:PLACEHOLDER_0_ab5ef4f4f41b202126ae3aa20f27369b
}
```
```
homepage_url里面只有带uninstall_url，才会卸载后跳转该链接
background配置必须按照正确示例设置
    ✅正确的background配置示例："background":{"service_worker":"background.js"}
    ❌错误的background配置示例："background":{"service_worker":"background.js","type":"module"}
    ✅正确的引用方法示例：importScripts("");
    ❌错误的引用方法示例：import("");
```
```
多语言文件 _locales/zh_CN/messages.json 必须严格遵循以下格式：

1. 文件结构要求：
    ✅HTML中的静态文本使用 data-i18n 属性
    ✅JavaScript中的动态文本使用 chrome.i18n.getMessage()，下方有示例
    ✅确保所有用户可见文本必须使用多语言系统，确保没有硬编码的中文文本
    ✅只允许出现键名如：app_name、 message 、placeholders字段
    ❌严禁使用，非标准格式外的，占位符、变量替换、参数等任何额外内容
    ❌不得出现 description等其他字段，必须保证语言包积极小
    ❌不得出现非可翻译中文语言类，例如网址链接，特殊符号等等，示例："message": "www.baidu.com"
   
2. 标准格式，多语言格式示例：\_locales\zh_CN\messages.json：
{
    "app_name": {
        "message": "扩展名"
    },
    "app_short_name": {
        "message": "扩展简称"
    },
    "app_description": {
        "message": "扩展介绍"
    },
    "leng_1": {
        "message": "界面文本1"
    },
    "leng_2": {
        "message": "界面文本2"
    },
    "leng_3": {
        "message": "总共 $ 个"
    },
    "leng_4": {
        "message": "当前第 $i$ 个",
        "placeholders": {
            "i": {
                "content": "$1"
            }
        }
    }
}




页面配置多语言Demo示例：popup.html
    
    
        ">
        
            
">界面文本1
            ">界面文本2
            
">当前第0个
            
        
    
------------------------------
popup.js多语言Demo示例：
    var i = "5";
    const a = document.getElementById("test_i");
    a.textContent = chrome.i18n.getMessage("leng_3", [i]);
    PLACEHOLDER_1_3f2b0ab17855c3c33d913987e7cd7ad6
    function debugI18n(){
        document.querySelectorAll("[data-i18n]").forEach(element => {
            const message = chrome.i18n.getMessage(element.dataset.i18n);
            if(message){
                if(element.tagName.toLowerCase() === "optgroup"){
                    element.label = message;
                }else if(element.hasAttribute("placeholder")){
                    element.placeholder = message;
                }else{
                    element.textContent = message;
                }
            }
        });
    }
    document.addEventListener("DOMContentLoaded", debugI18n);// 在文档加载完成后调用I18n多语言
```

async function pay_is() {
    const { userInfo } = await chrome.storage.local.get("userInfo");
    if (Math.floor(Date.now()/1000)  Math.floor(Date.now() / 1000))) {
        return true;
    }
    return false;
}

button.addEventListener("click", () => {//网页上注入的按钮被点击
    pay_ok();
});

button.addEventListener("click", async() => {//网页上注入的按钮被点击
    if (await pay_is()) {// ✅ 判断是会员则
        pay_ok();
    }else{//不是会员则
        chrome.runtime.sendMessage({ action: "OpenPopupPay" });//拉起支付
    }
});

async function pay_is() {
    const { userInfo } = await chrome.storage.local.get("userInfo");
    if (Math.floor(Date.now()/1000)  Math.floor(Date.now() / 1000))) {
        return true;
    }
    return false;
}

document.getElementById('btn').addEventListener('click', async () => {
    const [tab] = await chrome.tabs.query({active: true, currentWindow: true});
    chrome.tabs.sendMessage(tab.id, {action: 'getImages'}, async (images) => {
        let limit = images.length;
        for (let i = 0; i 

document.getElementById('btn').addEventListener('click', async () => {
    const [tab] = await chrome.tabs.query({active: true, currentWindow: true});
    chrome.tabs.sendMessage(tab.id, {action: 'getImages'}, async (images) => {
        let limit = images.length;
        
        //*********************************************************
        if (!await pay_is()) {//判断不是会员，则
            const choice = await showVipDialog();
            if (choice === '用户点击了升级会员按钮'){
                chrome.runtime.sendMessage({ action: "OpenPopupPay" });//拉起支付
                return; // 拉起支付，不下载
            }
            limit = 5;//不是会员就将数组数量设置为5
        }
        //***************************************************************************
        
        for (let i = 0; i 

{
    "manifest_version":3,
    "name":"__MSG_app_name__",
    "short_name": "__MSG_app_short_name__",
    "description":"__MSG_app_description__",
    "version":"1.8",
    "version_name": "1.8",
    "permissions":["tabs","storage"],
    "icons":{
        "16":"icons\/icon16.png",
        "48":"icons\/icon48.png",
        "128":"icons\/icon128.png"
    },
    "action":{
        "default_icon":{
            "16":"icons\/icon16.png",
            "48":"icons\/icon48.png",
            "128":"icons\/icon128.png"
        },
        "default_popup":"popup\/popup.html"
    },
    "background":{
        "service_worker":"background.js"
    },
    "content_scripts":[{
        "matches":["*:\/\/*.test.com\/*","*:\/\/*.test.de\/*","*:\/\/*.test.co.jp\/*","*:\/\/de.test.com\/*","*:\/\/jp.test.com\/*"],
        "js":["content.js"]
    }],
    "host_permissions":["*:\/\/*.test.com\/*","*:\/\/*.test.de\/*","*:\/\/*.test.co.jp\/*","*:\/\/de.test.com\/*","*:\/\/jp.test.com\/*"],
    "default_locale":"zh_CN",
    "update_url":"https:\/\/clients2.google.com\/service\/update2\/crx",
    "homepage_url": "https:\/\/docs.google.com/forms/d/e/xxxxx&uninstall_url",
    "author":"xiaoqian_amazon_001"
}

{
    "app_name": {
        "message": "扩展名"
    },
    "app_short_name": {
        "message": "扩展简称"
    },
    "app_description": {
        "message": "扩展介绍"
    },
    "leng_1": {
        "message": "界面文本1"
    },
    "leng_2": {
        "message": "界面文本2"
    },
    "leng_3": {
        "message": "总共 $ 个"
    },
    "leng_4": {
        "message": "当前第 $i$ 个",
        "placeholders": {
            "i": {
                "content": "$1"
            }
        }
    },
    "test_1": {
        "message": "测试 $ass$ 第二",
        "placeholders": {
            "ass": {
                "content": "$1"
            }
        }
    },
    "test_2": {
        "message": "$option$换行开始\n 换行\n结束",
        "placeholders": {
            "option": {
                "content": "$1"
            }
        }
    },
    "test_3": {
        "message": "版权所有© $year$ 保留所有权利。 ",
        "placeholders": {
            "year": {
                "content": "$1",
                "example": "1984"
            }
        }
    },
    "test_4": {
        "message": "当前 $ 第几 $ 个"
    },
    "test_5": {
        "message": "$1 / $2"
    },
    "test_6": {
        "message": "测试 $ass$ 尾 $bbb$ 多 $ccc$ 组",
        "placeholders": {
            "ass": {
                "content": "$1"
            },
            "bbb": {
                "content": "$2"
            },
            "ccc": {
                "content": "$3"
            }
        }
    }
}