首页 > 其他分享 >打造一个极度舒适的Chrome扩展项目开发环境

打造一个极度舒适的Chrome扩展项目开发环境

时间:2023-12-17 14:11:07浏览次数:33  
标签:极度 Chrome No 扩展 ts 舒适 Yes vite

大家好,我是 dom 哥。这是我关于 Chrome 扩展开发的系列文章,感兴趣的可以 点个小星星

Chrome 扩展能够提高浏览器的使用体验,通过自定义 UI 界面,监听浏览器事件,改变 Web 页面等操作来延展浏览器的功能。

Chrome 扩展项目使用前端 html,css,js 基础技术开发,一大痛点就是改动代码后的扩展更新问题,先来看一看 Chrome 扩展的更新逻辑:

扩展各部分 是否需要更新扩展
manifest.json Yes
background service worker Yes
content scripts Yes (并且需要刷新 Web 页面)
action popup No
options page No
Other extension HTML pages No

更新 Chrome 扩展意味着需要打开扩展管理界面(chrome://extensions),点击扩展的更新按钮,如下图:

如果每次改动代码,都需要这样操作一遍,才能看到效果,那也太痛苦了吧

标签:极度,Chrome,No,扩展,ts,舒适,Yes,vite
From: https://www.cnblogs.com/iovec/p/create-crx.html

相关文章

  • Chrome扩展的核心:manifest 文件(下)
    大家好,我是dom哥。这是我关于Chrome扩展开发的系列文章,感兴趣的可以点个小星星。在上篇和中篇中已经完成了对manifest文件中以下字段的解释:"manifest_version""name""version""description""icons""content_scripts""background""perm......
  • Chrome扩展开发实战:快速填充表单
    大家好,我是dom哥。我正在写关于Chrome扩展开发的系列文章,感兴趣的可以点个小星星。填表单是打工人经常面对的场景,作为一个前端,我经常开发一些PC端的页面,它们主要由表单和表格构成,而输入框又是表单里最常见的表单项。接下来就试着做一个简单的小扩展,用于快速给表单里的输入......
  • Chrome扩展的核心:manifest 文件(中)
    大家好,我是dom哥。我正在写关于Chrome扩展开发的系列文章,感兴趣的可以点个小星星。在上一篇中已经完成了Chrome扩展的雏形,本篇接着介绍manifest中的可选字段,完善扩展的细节。manifest中的可选字段"content_scripts"向web页面注入JavaScript和CSS。可以说这是......
  • 开发Chrome扩展程序,核心manifest 文件(上)
    大家好,我是dom哥。我正在写关于Chrome扩展开发的系列文章,感兴趣的可以点个小星星。Chrome在全球浏览器市场份额独占6成,无论是对普通用户还是开发者,都是电脑里的必备利器。Chrome无论是在性能还是UI交互方面都非常出色,而Chrome扩展则为开发者提供了接口,让开发者有能力......
  • Chrome扩展的核心:manifest 文件(上)
    大家好,我是dom哥。我正在写关于Chrome扩展开发的系列文章,感兴趣的可以点个小星星。Chrome在全球浏览器市场份额独占6成,无论是对普通用户还是开发者,都是电脑里的必备利器。Chrome无论是在性能还是UI交互方面都非常出色,而Chrome扩展则为开发者提供了接口,让开发者有能力自......
  • Centos7安装chrome、chromedrive
    安装流程yuminstallhttps://dl.google.com/linux/direct/google-chrome-stable_current_x86_64.rpmcd/opt/google/chrome/wgethttp://npm.taobao.org/mirrors/chromedriver/114.0.5735.90/chromedriver_linux64.zipunzipchromedriver_linux64.zipchmod+x/opt/google/c......
  • chrome弧形标签页实现思路收录
    1. 直线圆角,通过单个伪元素的border-radius产生弧形<template><divclass="tab-list"><divv-for="tabintabs":key="tab.id"class="tab-item":class="activeTab===tab.id?'ac......
  • 从浏览器原理出发聊聊 Chrome 插件
    浏览器架构演进单进程浏览器时代单进程浏览器是指浏览器的所有功能模块都是运行在同一个进程里,这些模块包含了网络、插件、JavaScript运行环境、渲染引擎和页面等。在2007年之前,市面上浏览器都是单进程的。单进程浏览器的架构很多功能模块运行在一个进程里,是导致单进程浏......
  • Chrome 浏览器开启 Json 数据格式化显示
    Chrome浏览器开启Json数据格式化显示默认格式安装扩展程序JSONView......
  • java-selenium 使用固定版本chrome浏览器和chromedriver,解决chrome自动升级无法与Chro
    1、获取Googlechrome、chromedriver地址:https://googlechromelabs.github.io/chrome-for-testing/ 2、将2个压缩包解压,存放到固定目录比如我的chromedriver位置为:D:\file\jar\chromeDriver120\chromedriver.exechrome位置为:D:\\soft\\chrome120\\chrome.exe3、代码中......