- 综合排序
- 最热优先
- 最新优先
- 来自专栏大前端（横向跨端 & 纵向全栈）
Chrome插件manifest.json文件详解
开发Chrome插件首先就是配置manifest.json文件了，利用它我们可以定义在什么时机以及在什么网页执行什么脚本，有一些什么行为，下面我一起来看看这个文件有哪些配置项以及有什么作用： {
2.4K20编辑于 2022-05-06 - 来自专栏薛定喵君
uni-app实现manifest.json等文件动态配置化
# 优化方法 如果要切换小程序就需要动态修改 manifest.json 参数，通过分析文件结构： { ... const fs = require("fs"); //此处如果是用HBuilderX创建的项目manifest.json文件在项目跟目录，如果是 cli 创建的则在 src 下，这里要注意 //process.env.UNI_INPUT_DIR "src" : process.env.UNI_INPUT_DIR; const manifestPath = root + "/manifest.json"; let Manifest = fs.readFileSync
5.2K20编辑于 2022-11-14 - 来自专栏Lan小站
为什么我打开一些网站会提示：将此站点作为应用安装，我的网站要怎么样才可以和他一样
要使您的网站在用户访问时出现“将此站点作为应用安装”的提示，您需要为网站添加一个名为“manifest.json”的文件。这个文件包含了网站的基本信息，如名称、图标等。 以下是一个简单的manifest.json文件示例： { "name": "您的网站名字", "short_name": "简短名字", "description": "网站描述", " "src": "icon-512x512.png", "sizes": "512x512", "type": "image/png" } ] } 将这个文件保存为“manifest.json 接下来，您需要在网站的HTML文件中的标签内添加以下代码，以引用manifest.json文件： 完成以上步骤后，当用户访问您的网站时，他们的浏览器将显示“将此站点作为应用安装”的提示。 如果提示没有出现，可以尝试以下方法进行排查： 确保manifest.json文件正确放置在网站根目录中。 确保HTML文件的标签内正确引用了manifest.json文件。 清除浏览器缓存并刷新网页。
1.5K50编辑于 2023-08-23 - 来自专栏iOSDevLog
您的第一个插件目录
插件必须有一个描述它及其功能的manifest.json文件。 请阅读manifest.json 清单参考以获取更多信息。 package.json 如果您之前查看过nodejs包，则必须熟悉它package.json。 你可以在这里指定关于你的插件的元数据（而不是在这里manifest.json）。 作为一个经验法则，我通常会manifest.json在将所有其他信息放入时将相关命令的信息放入package.json（skpm将在编译时将这些信息添加到manifest.json中，以便您不必复制它们 它被引用manifest.json并且必须导出一个函数。
75650发布于 2018-05-17 - 来自专栏大飞的部落阁
从0到1开发Chrome插件
文件结构 插件结构 插件文件结构大致如下： │ jquery-3.5.1.js │ manifest.json │ my.js │ popup.html │ └─images logo.png logo128.png 其中 manifest.json、popup.html 为必选文件，其中 manifest.json 中声明了插件的基本信息，是整个插件的总入口，就连 popup.html manifest.json 内容 { "manifest_version": 2, "name": "myCtx", "version": "1.0", "description": "学习chrome my.js"], "all_frames": true, "run_at": "document_end" }], "permissions": [ "tabs" ] } 如上，manifest.json 总结 对于 Chrome 从 0 到 1，我们可以用一句话总结：用户访问网站，manifest.json 拦截匹配后触发 my.js 执行，从而实现功能。期待你能开发出好用的 Chrome 插件。
1.9K30编辑于 2022-06-17 - 来自专栏折影轻梦
FireFox扩展开发遇到的一些问题
就此总结一下 manifest.json was not found 第一次把 Chrome 的扩展上传到 Firefox 时遇到 manifest.json was not found 的报错 此问题可能是上传的压缩包 ，manifest.json 不是在压缩包根目录，如下图所示，错误的压缩包中 manifest.json 在目录 dist 中 add-on ID 的缺失导致无法使用 storage.sync 这个问题折腾了我好久 解决这个问题，需要在 manifest.json 中添加 add-on ID，代码如下 "browser_specific_settings": { "gecko": { "id": "{
1.3K20发布于 2021-10-08 - 来自专栏生如夏花绚烂
webpack性能优化之externals 与 DllPlugin
path.resolve(__dirname,'dist'), library:'_dll_[name]',//打包后用指定变量接收 }, plugins:[ //生成manifest.json new webpack.DllPlugin({ name:'_dll_[name]',//manifest.json的name必须与library相同才能与动态链接库建立映射 path:path.resolve(__dirname,'dist','manifest.json')//清单存放路径 }) ] } 打包后的文件存放在dist下 //manifest.json /webpack4/node_modules/_setimm .... manifest.json 定义了动态链接库的很多模块，模块路径对应打包后文件（_dll_vue.js）里面的路径 //_ plugins:[ new webpack.DllReferencePlugin({ manifest:path.resolve(__dirname,'dist','manifest.json
1.1K20编辑于 2022-09-08 - 来自专栏个人学习笔记
hexo静态网站的PWA支持
安装 Web app manifest 首先要实现PWA的可安装性，需要有一个清单文件manifest.json。 manifest.json是一个简单的json文件，它描述了我们的图标在主屏幕上如何显示，以及图标点击进去的启动页是什么，自动生成manifest.json的工具：manifest.json生成工具（需要梯子 theme_color 会设置主题颜色 display 设置启动样式 配置好manifest.json后进行调试，打开浏览器的控制台如下图所示，即文件配置成功。 hexo中服务注册脚本有着专门的插件进行生成： hexo-offline hexo-pwa hexo-service-worker hexo的离线插件不包括安装 百度出的PWA综合插件，支持同时生成manifest.json ，有很多的配置项 和hexo-offline类似 三个插件的原理相同，通过注册SW服务，配合manifest.json，文件达到可安装和可离线的功能，本站使用的是hexo-service-worker
1.8K00发布于 2020-06-02 - 来自专栏Super 前端
webpack dll 提升构建速度
借助 DLL 思路，webpack 中引入了 DllPlugin 和 DllReferencePlugin ，允许拆分指定的第三方包、并创建单独的包，生成 manifest.json 二次构建跳过这部分编译 此插件会生成一个名为 manifest.json 的文件，这个文件是用于让 DllReferencePlugin 能够映射到相应的依赖上。生成 manifest.json（实则就是一张映射表）。 webpack.DllPlugin中name一致 library: '[name]_[hash]', publicPath: '/dll/' }, plugins: [ // manifest.json /public/dll', '[name]-manifest.json'), // 保持与output.library中名称一致 name: '[name]_[hash]', context: process.cwd() }) ] } 生成的 manifest.json 文件中，包含了从 require 和 import 中 请求到模块 id 的映射。
1.6K10编辑于 2023-03-09 - 来自专栏传统基础应用开发专栏-不限开发语言
uniapp发行快应用 [HBuilder] 23:33:45.537 manifest.json->quickapp-webview 缺少 icon 配置如何
uniapp发行快应用 [HBuilder] 23:33:45.537 manifest.json->quickapp-webview 缺少 icon 配置如何解决优雅草卓伊凡在Uniapp发布快应用时遇到manifest.json 以下是完整的解决方案：一、问题原因分析快应用规范要求必须配置应用图标Uniapp生成的manifest.json可能未自动包含快应用专属配置节点图标文件可能未放置在正确目录或尺寸不符合要求二、完整解决方案 修改manifest.json配置在项目根目录的manifest.json文件中添加或完善quickapp-webview节点：{ "quickapp-webview": { "icon": " unpackage/dist/build重新编译：HBuilderX菜单：运行 -> 运行到快应用检查生成结果：查看unpackage/dist/build/quickapp-webview目录下的manifest.json
18800编辑于 2025-07-06 - 来自专栏云原生实验室
如何使用 registry 存储的特性
-name 'manifest.json' | wc -l 279 root@debian:/root $ mkdir -p images2 root@debian:/root $ find images -name 'manifest.json' | wc -l 187 没有对比就没有伤害，经过测试之后发现：补丁包中镜像文件的总数量由原来的 279 个减小至 187 个，总大小从原来的 3.3G 减小到 文件则是镜像在 registry 存储中的 manifest.json 文件。 registry/v2/repositories/alpine/_layers/sha256/{} grep -Eo "\b[a-f0-9]{64}\b" images/alpine:3.10.4/manifest.json " mfs_sha256=$(sha256sum ${image}/manifest.json | awk '{print $1}') mkdir -p ${BLOBS_PATH}/sha256
1.4K40发布于 2021-04-22 - 来自专栏coderidea
不用源码也能改造网站？教你用油猴脚本和浏览器插件玩转界面交互！
开发一个简单的Chrome浏览器插件 插件结构 一个Chrome浏览器插件通常包含以下几个文件： manifest.json：描述插件的配置文件。 background.js：插件的后台脚本。 创建manifest.json 首先，我们需要创建一个 manifest.json文件，描述插件的基本信息和权限需求。 以下是修改背景颜色的示例代码： document.body.style.backgroundColor = 'lightblue'; 打包和安装插件 创建一个新文件夹，将 manifest.json 以下是具体步骤： 创建一个新的Chrome插件文件夹，包含以下文件： manifest.json content.js styles.css（用于导航栏样式） manifest.json { "manifest_version
2.8K10编辑于 2024-07-12 - 来自专栏用户4681625的专栏
基于清单分析对象存储容量使用
清单报告及相关的 Manifest 相关文件会发布在目标存储桶中，其中清单报告会发布在以下路径： destination-prefix/appid/source-bucket/config-ID/YYYYMMDD/manifest.json destination-prefix/appid/source-bucket/config-ID/YYYYMMDD/manifest.checksum 有关 Mainfest 文件的介绍如下： manifest.json 和 manifest.chenksum 都属于 Manifest 文件，manifest.json 描述清单报告的位置，manifest.checksum 是作为 manifest.json 文件内容的 manifest.json 包含的每个 Manifest 均提供了有关清单的元数据和其他基本信息，这些信息包括：源存储桶名称。 目标存储桶名称。 清单版本。 二、数据导入 根据清单生成的manifest.json文件，可以获取当次清单涉及到的所有文件的列表。清单文件是压缩之后的CSV。
1.4K50编辑于 2022-05-18 SAP B1 Web Client & MS Teams App集成连载二：安装Install/升级Upgrade/卸载Uninstall
您可以找到 manifest.json 文件和其他两个图像文件，如下所示： Find the app package file SAPBusinessOne.zip and unzip it. You can find the manifest.json file and the other two image files as below: SAP BusinessOne：manifest.json 假设您已有正在运行的 Web Client 且其域为 abc.def.com，则打开 manifest.json 并查找 字段。 Client 的域，如下所述： Assuming you already have a working Web client and its domain is abc.def.com, open manifest.json
63810编辑于 2024-09-19- 来自专栏vue学习
webpack DLL 动态链接库
new webpack.DllPlugin({ name: '_dll_[name]', path: path.resolve(__dirname, 'dist', 'manifest.json '), }), ], }; 上面的配置重点是 plugins 插件中配合的 webpack.DllPlugin 这个插件，它会生成一个名为 manifest.json 的文件，你可以理解为就是一张表 打包一下，我们就可以看到 dist 文件夹中出现了打包后的 react 文件和 manifest.json 依赖表了。 $ npx webpack --config webpack.react.js /dist + _dll_react.js + manifest.json 设置依赖 现在我们在主配置文件 webpack.config.js '), }), ], }; 这个就是告诉 webpack，当我们页面中引入使用了 react 这个库的时候，直接去 manifest.json 里去找，然后引用打包好的 _dll_react.js
2.7K10发布于 2020-12-01 - 来自专栏Akilarの糖果屋
Butterfly主题的PWA实现方案
打开图标包内的site.webmanifest,建议修改文件名为manifest.json并将其放到[Blogroot]/source目录下，以下是我的manifest.json配置内容，其中的theme_color 这里的theme_color建议改成你图标的主色调，包括manifest.json中的theme_color也是如此。 打开图标包内的site.webmanifest,建议修改文件名为manifest.json并将其放到[Blogroot]/source目录下，以下是我的manifest.json配置内容，其中的theme_color 这里的theme_color建议改成你图标的主色调，包括manifest.json中的theme_color也是如此。 运行以下指令 运行hexo g之后必须运行gulp指令，不然PWA不会生效！
1.9K20发布于 2021-06-11 - 来自专栏大前端（横向跨端 & 纵向全栈）
自动获取系统登录Cookie的浏览器插件
1. manifest.json 文件 { "manifest_version": 2, "name": "电商系统插件", "version": "1.0", "description": " chrome.runtime.sendMessage({ action: "get_cookies", },function(a) { }) } })(); 这个文件在manifest.json 1.8.3.js"></script> <script type="text/javascript" src="background.js"></script> </body> </html> 这个文件在manifest.json 这个文件在manifest.json文件里是有注册的，主要的作用是在加载插件以后在右上角显示插件，方便操作。 以下是整件插件目录结构。 ?
2.4K10发布于 2021-01-13 - 来自专栏子舒的个人博客
如何使用谷歌插件为网站注入代码
按照结构生成下面几个文件 |chrome-plugin |---manifest.json |---script.js |---favicon.ico 在 manifest.json 中写入代码，这是一个入口文件 注意后面要加上 /* js 是引入的文件 // manifest.json { "name": "Welcome", "manifest_version": 2, "version": "
1.8K20编辑于 2022-06-09 - 来自专栏prepared
AI助力 0 编程基础小白开发谷歌截图插件
根据 GPT 返回，先创建一个 Google ScreenShot Extension 的文件夹，然后创建三个文件，分别是：manifest.json、popup.html、popup.js。 说 manifest.json 格式有问题，检查发现，我的文件根本没放内容（抽自己）。我们重新把 GPT 输出的内容放入 manifest.json 文件。 再次导入插件，这次成功了！
35010编辑于 2023-12-07 - 来自专栏葡萄城控件技术团队
能说会道爱办公——“别人家的”Chrome插件到底怎么做
让你的插件说声“Hello world” 1、创建manifest.json文件。该文件是Chrome插件的入口文件，也就是配置文件，定义了插件的所有信息，这是一个json文件。 4、 完成之后，我们将带有hello.json、hello.png、manifest.json的文件夹加载到浏览器中 5、点击自定义的图标，就可以看到我们第一个自定义的Chrome插件的诞生。 添加的方式也很简单，我们只需要在manifest.json中添加background字段。注意，可以通过“page”指定网页，也可以通过“script”指定一个js文件，两者用其一即可。 在添加前，我们需要在manifest.json中声明右键菜单的权限。 然后在我们的js文件中调用Chrome给我们提供的接口，例如 我们还可以在icon字段添加我们想要实现的右键菜单图标。 4、由于内容安全策略的限制，为了能正常引入我们的pdf等模块，我们需要在manifest.json中添加对应的声明。
1.1K30发布于 2021-08-31
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号