关键词：
【中文标题】Chrome 扩展程序创建一个可通过单击浏览器操作访问的 .html 页面。【英文标题】：Chrome Extensions creating a .html page accessible by clicking browser action. 【发布时间】：2016-06-20 11:09:40 【问题描述】：我一直在尝试浏览网络，但很难找到答案。我见过一些 Web 扩展程序，例如 OneTab，当您单击 browser action 按钮时会打开一个本地 index.html 页面。有谁知道我如何让我的chrome extension 在按下browser action 时打开 index.html 页面？
【问题讨论】：
有两个不同的步骤：为浏览器操作的 onclick 做一些事情，并让这件事成为“打开本地 html 页面”。两者都不是特别难查找的方法；哪个给你带来麻烦？ 【参考方案1】：你应该看看chrome.browserAction和chrome.runtime.getURL。
manifest.json
"name": "Your Extension Name",
"description": "Your Extension Description",
"version": "0.1",
"manifest_version": 2,
"background":
"scripts": ["background.js"],
"persistent": false
,
"browser_action":
"title": "Your Browser Action Name"
background.js
chrome.browserAction.onClicked.addListener(function ()
chrome.tabs.create( url: chrome.runtime.getURL("index.html") );
);
【讨论】：
感谢您的帮助。解决了我的问题！【参考方案2】：有两种方法可以通过浏览器操作打开本地 HTML 页面。
1。作为弹出窗口
manifest.json
"browser_action":
"default_icon" : "128.png",
"default_popup" : "localPage.html",
"default_title" : "localPage title"
2。作为谷歌Chrome浏览器中的普通页面
manifest.json
"background":
"scripts": ["background.js"]
,
background.js
chrome.browserAction.onClicked.addListener(function ()
chrome.tabs.create( url: chrome.runtime.getURL("localpage.html") );
);
【讨论】：
【参考方案3】：您的问题似乎有两个部分
1。回复browserAction点击事件
chrome.browserAction.onClicked.addListener(function ()
// Your code here
);
2。打开本地html页面
您可以通过chrome.runtime.getURL("index.html")获取本地页面url
然后就可以使用chrome.tabs.create( url: chrome.runtime.getURL("index.html") );打开本地html页面了。
【讨论】：
javascript当您单击浏览器操作图标时，只需极少的chrome扩展即可将js文件注入给定页面。然后脚本插入一个n(代码片段)
javascript当您单击浏览器操作图标时，只需极少的chrome扩展即可将js文件注入给定页面。然后脚本插入一个n(代码片段)
json当您单击浏览器操作图标时，只需极少的chrome扩展即可将js文件注入给定页面。然后脚本插入一个n(代码片段)
chrome扩展程序-记住用户输入javascript
...序列转换为相应的氨基酸序列。理想情况下，我可以点击浏览器中的扩展图标，然后会弹出一个文本框，我可以将序列粘贴到其中。点击“翻译”后，氨基酸序列将出现在输入文本框下方。我希望稍后再添加更多功能，但这是扩... 查看详情
怎么设置chrome打开应用程序
所需工具：chrome浏览器方法：1、打开谷歌浏览器，单击应用。2、单击chrome网上应用店3、选择扩展程序，这里以谷歌翻译插件为例，搜索谷歌翻译插件。4、单击添加至chrome。5、单击添加扩展程序。6、安装后点击右上角该Google图... 查看详情
Google Chrome 扩展程序 - 单击工具栏图标时打开新选项卡
】GoogleChrome扩展程序-单击工具栏图标时打开新选项卡【英文标题】：GoogleChromeExtensions-OpenNewTabwhenclickingatoolbaricon【发布时间】：2011-03-1210:19:26【问题描述】：如何为Chrome创建一个扩展程序，将一个图标添加到工具栏，当您单击... 查看详情
用户脚本与 Chrome 扩展程序 [关闭]
...什么？【问题讨论】：使用用户脚本，除非您需要：操作浏览器控件；处理文件；在选项 查看详情
chrome有些请求成功却没有preview和response没内容
...下建议操作，看看网页在普通窗口中能否正常显示。删除浏览器缓存1.点击Chrome菜单选择“工具”，选择“清除浏览数据”。2.在出现的对话框中，选中“清空缓存”复选框。并单击“清除指定时间段内的数据”在出现的下拉框... 查看详情
创建第一个webapi程序
...标头访问的系统。WebAPI可以提供各种HTTP客户端使用，如浏览器和移动设备。并可以提供web基础设施提供的服务，如缓存和并发。WebAPI的特点可供多数客户端使用至少支持浏览器使用支持标准的HTTP方法比如GETPOST等当然API不必使用... 查看详情
chrome浏览器怎么导出已安装的扩展程序为crx文件
我们都知道，如今Chrome浏览器的应用商店都打不开，进不去了，需要翻出去才能上。所以对于一些已经安装过的扩展程序（插件）想导出保存一下。因为Chrome默认安装在C盘，怕重装系统后又要重新安装这些插件了。那么，怎么... 查看详情
chrome扩展程序中的javascript点击行为问题
我目前正在开发一个chrome扩展，以自动执行手动任务，为SpringboardVR上的VR机器设置分配时间。我遇到过我的脚本问题，在此过程中按下最后一个按钮似乎没有触发正确的网站响应。该过程只需点击一系列提示（每次点击之间有一... 查看详情
chrome老是弹广告出来，已经无法忍受了！
以前从来没有过的情况，然后某天突然浏览器就开始弹这种广告（后面有附图），就打开chrome什么都不干，一两分钟就弹出来一个，可以连续弹几个，全是些游戏的和其他的广告。我不知道是装过什么软件导致的，杀过毒查过木... 查看详情
编写一个chrome浏览器扩展程序
浏览器扩展允许我们编写程序来实现对浏览器元素（书签、导航等）以及对网页元素的交互，甚至从web服务器获取数据，以Chrome浏览器扩展为例，扩展文件包括：一个manifest文件(主文件,json格式)至少一个HTML文件(主题可以没有HTML... 查看详情
如何从 chrome 扩展中读取文件？
...:39:06【问题描述】：我有popup.html，其中popup.js在通过单击浏览器操作加载弹出窗口时被调用。我正在以编程方式使用chrome.tabs.executeScript()注入内容脚本。我需要将一个元素附加到页面的正文中。如何在扩展名中插入来自不同.html... 查看详情
在 Chrome 浏览器中检测高对比度扩展程序的使用
】在Chrome浏览器中检测高对比度扩展程序的使用【英文标题】：DetectHighContrastextensionuseinChromebrowser【发布时间】：2016-11-2408:05:30【问题描述】：我正在尝试以高对比度模式访问我的网站。为了检测何时启用高对比度模式，我创建... 查看详情
如何开发一个chrome扩展
chrome是一个不错的浏览器，web开发者工作中一般都会使用chrome做为默认浏览器，它有很多扩展，给浏览器补充了各种功能，增强了用户体验。chrome具体能干什么？怎么做出来的呢？chrome扩展是什么？本质上是HTML+CSS+JavaScript组成... 查看详情
可通过代码绘制的圆角
...问题讨论】：【参考方案1】：创建一个自定义Drawable（即扩展Dra 查看详情
来自 Chrome 扩展的 Outlook 日历输入字段 DOM 操作
】来自Chrome扩展的Outlook日历输入字段DOM操作【英文标题】：OutlookCalendarinputfieldDOMmanipulationfromChromeExtension【发布时间】：2021-09-2418:20:46【问题描述】：我正在为Outlook日历构建一个Chrome扩展程序-https://outlook.live.com/calendar/我想要做... 查看详情