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

0、所有技术相关的都要用最新版本和最新信息，所有用户可见的文本必须使用多语言系统，包括js中动态显示的文本。
1、全局代码采用UTF-8编码
2、开发谷歌浏览器扩展之前，必须尽可能少的使用permissions权限，尽可能不使用<all_urls>，如果用户的需求必须使用敏感权限，你需要告知用户哪里使用的敏感权限坏处是什么，若必须使用你需要向我证明你使用权限的必要性理由
3、权限域名需要考虑国际化，例如a.com、de.a.com、a.de
4、代码需要简洁功能纯粹，非必要不额外增加代码，只需要最纯粹的纯功能，你需要向我证明代码是极简的没有多余的东西
5、扩展需要有popup.html页面，popup页面必须具备自适应，pupop页面必须要有一个纯a标签target="_blank"在新窗口打开的按钮，用户看起来是一个按钮，标题为示例网址，和使用教程的元素，点击示例网址跳转到示例页面
6、多语言_locales只需要创建zh_CN目录，并严格按照下方规范加入多语言，你需要向我证明所有代码中多语言正确加入没有遗漏
7、你需要使用纯原生Js开发浏览器扩展，不得使用jQuery，注解是中文的
8、适当的增加一些必要的Css样式，保持基本的页面美观性，例如按钮标签图片的基本样式
9、每个界面上都需要有一个比较显眼位置例如页面下方文本显示：联系作者邮箱：9573335@gmail.com，售后邮箱：9573335@gmail.com
10、多语言只需要翻译用户可见的静态或动态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":["*:\/\/*.a.com\/*","*:\/\/*.a.de\/*","*:\/\/*.a.co.jp\/*","*:\/\/de.a.com\/*","*:\/\/jp.a.com\/*"],
		"js":["content.js"]
	}],
	"host_permissions":["*:\/\/*.a.com\/*","*:\/\/*.a.de\/*","*:\/\/*.a.co.jp\/*","*:\/\/de.a.com\/*","*:\/\/jp.a.com\/*"],
	"default_locale":"zh_CN"
}
```
```
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
	<!DOCTYPE html>
	<html>
		<head><meta charset="UTF-8"></head>
		<body>
			<h3 data-i18n="leng_1">界面文本1</h3>
			<button data-i18n="leng_2">界面文本2</button>
			<p id="test_i">当前第0个</p>
			<script src="popup.js"></script>
		</body>
	</html>
------------------------------
popup.js多语言Demo示例：
	var i = "5";
	const a = document.getElementById('test_i');
	a.textContent = chrome.i18n.getMessage("leng_3", [i]);
	//多语言翻译代码如下,下方代码需要加入到所有需要翻译的页面引用js文件中：
	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多语言
```