《智能前端技术与实践》——第1章 开发环境配置——1.6 使用 Google 浏览器——1.6.2 Google 浏览器扩展程序(下)

简介: 《智能前端技术与实践》——第1章 开发环境配置——1.6 使用 Google 浏览器——1.6.2 Google 浏览器扩展程序(下)

《智能前端技术与实践》——第1章 开发环境配置——1.6 使用 Google 浏览器——1.6.2 Google 浏览器扩展程序(中) https://developer.aliyun.com/article/1228438?groupCode=tech_library


2.安装扩展程序

首先,我们在本地计算机上安装扩展程序,步骤如下。

1)在浏览器地址栏输入chrome://extensions/,进入扩展程序管理界面。

2)开启右上方开关选择器,打开开发者模式。

3)单击“加载已解压的扩展程序”按钮,并上传google_demo中的dist文件夹。

查看本地效果,确认无误后,我们就可以发布该扩展程序了。操作步骤所示。

首先,我们进入Chrome Web Store Developer Dashboard界面。然后,上传本地压缩好的文件,如图1-44所示。


image.png


上传成功后,单击所上传的文件,完成商品详情信息和隐私权信息的填写,如图 1-45、图 1-46 所示。


image.png

image.png


填写过程中,注意,每次填写完成部分信息后,单击“保存草稿”按钮,保存我们所填写 的内容。若“提请审核”按钮一直处于禁用状态,单击“为何我无法发布内容?”超链接。根 据提示信息,修改我们填错的内容。如图 1-47 所示,错误消息提示我们详情信息字数太少。


image.png


修改完所有报错信息后,单击“提请审核”按钮,进入图 1-48 所示界面。


image.png


提交审核成功后,我们重新进入 Chrome Web Store Developer Dashboard 界面,发现扩展 程序的状态已由“草稿”变成“待审核”,如图 1-49 所示。


image.png

图1-49 待审核界面


当 Chrome Web Store 顺利通过我们所上传的扩展程序后,其状态会由“待审核”变为“已 发布-公开发布”,如图 1-50 所示。


image.png

相关文章
|
Web App开发
在 HTML 中禁用 Chrome 浏览器的 Google 翻译功能
在 html 标签中添加 translate=“no” 属性,浏览器将不会翻译整个页面。
1155 0
|
Rust JavaScript 前端开发
WebAssembly 技术:解锁浏览器的无限潜能
随着互联网的快速发展,Web 应用程序的功能需求也越来越复杂。传统的 JavaScript 语言在处理大规模数据和高性能计算方面存在一些局限性。然而,WebAssembly 技术的出现改变了这一切。本文将介绍什么是 WebAssembly,它的应用领域以及如何使用它来提升 Web 应用程序的性能和体验。
|
10月前
|
数据采集 Web App开发 JavaScript
无头浏览器技术:Python爬虫如何精准模拟搜索点击
无头浏览器技术:Python爬虫如何精准模拟搜索点击
|
数据采集 存储 运维
无头浏览器与请求签名技术
本文分享了在面对Cloudflare防护(如Amazon网站)时,如何通过无头浏览器、请求签名技术和爬虫代理IP实现数据采集的故障排查与改进方案。首先,介绍了从常规请求失败到引入Selenium无头浏览器的过程,解决了Cookie和User-Agent检测问题。接着,通过生成请求签名绕过二次验证,并利用代理IP规避访问风险。最后,提出了架构改进方案,包括无头浏览器集群化、签名算法优化、代理池管理和多层次容错机制,以提高系统的稳定性和扩展性。示例代码展示了如何设置代理、获取Cookie并生成签名,成功采集商品信息。
349 6
无头浏览器与请求签名技术
|
Web App开发 XML 开发框架
技术心得记录:在IE浏览器中的奇怪页面表现
技术心得记录:在IE浏览器中的奇怪页面表现
298 0
|
Web App开发
Google Chrome 浏览器 119.0.6045.106 版本提示 STATUS_INVALID_IMAGE_HASH 崩溃
Google Chrome 浏览器 119.0.6045.106 版本提示 STATUS_INVALID_IMAGE_HASH 崩溃
461 0
|
Web App开发 人工智能 前端开发
Google 浏览器中的 AI 魔法 — window.ai
本文介绍了如何在 Chrome Canary 中启用并使用设备端 AI 功能。通过下载 Chrome Canary 并启用相关 API,你可以在本地运行 AI 模型,无需互联网连接。文章详细讲解了设置步骤、确认 AI 可用性的方法以及如何使用 `window.ai` 进行文本会话。虽然目前的性能和功能还有待提升,但这一技术为未来的前端开发和智能应用提供了无限可能。
1139 0
|
存储 JSON 监控
JavaScript 逆向基础篇:浏览器调试与 Hook 技术
JavaScript 逆向基础篇:浏览器调试与 Hook 技术
1614 1
技术经验分享:360浏览器截图快捷键设置
技术经验分享:360浏览器截图快捷键设置
809 0
技术经验分享:360浏览器截图快捷键设置
|
Web App开发 前端开发 JavaScript
构建跨浏览器兼容的前端应用:技术实践与挑战
【5月更文挑战第16天】构建跨浏览器兼容的前端应用是应对浏览器差异和多样性的挑战。使用现代框架(如React、Vue)能自动转换代码,编写可移植的Web标准代码,结合浏览器兼容性测试工具和Polyfill解决旧浏览器支持问题。关注浏览器更新,应对性能、API差异和样式问题,采用渐进增强、条件判断和CSS Reset策略确保应用在各种浏览器上运行良好。

推荐镜像

更多