使Chrome扩展程序下载文件
我正在创建一个扩展程序,它将从网站上下载mp3文件。我正在尝试通过创建带有指向mp3文件的链接的新标签来实现此目的,但是chrome会继续在播放器中打开它而不是下载它。有什么方法可以创建一个弹出窗口,要求用户“另存为”文件?回答:快进了3年,现在GoogleChrome提供了chrome.downloadsAPI(自Chrome31...
2024-01-10前端常用 Chrome 扩展程序
chrome 作为前端开发调试必备工具,拥有强大的功能,在我看来,全世界就 chrome 一个浏览器的话,前端开发该有多好。chrome 有很多实用的扩展程序,提高我们的工作效率。由于新版 chrome 升级了监控,在网上下载的扩展程序,可能会过期,所以,还是推荐翻墙之后,直接去 chrome 的应用商店下载免费的...
2024-01-10Chrome扩展程序-获取DOM内容
我正在尝试从弹出窗口访问activeTab DOM内容。这是我的清单:{ "manifest_version": 2, "name": "Test", "description": "Test script", "version": "0.1", "permissions": [ "activeTab", "https://api.domain.com/" ], "background": { "scripts": ["background.js"], "persist...
2024-01-10在Chrome扩展程序中获取JSON
我的Chrome扩展程序有小问题。我只想从另一台服务器获取JSON数组。但是清单2不允许我这样做。我尝试指定content_security_policy,但是JSON数组存储在没有SSL证书的服务器上。那么,不使用清单1怎么办?回答:该CSP不能引起你所描述的问题。您很有可能使用的是JSONP而不是纯JSON。JSONP在Chrome中不起作用,...
2024-01-10从Chrome扩展程序连接到数据库?
我正在构建一个Chrome扩展程序,该扩展程序仅适用于我工作的公司内部的人员。该扩展需要输入-可以通过对共享的MySQLDB服务器的简单查询生成输入(所有员工都可以以只读权限访问该服务器)。问题是-由于扩展是所有客户端(主要是Javascript)-访问数据库和运行查询的最简单方法是什么?我是否必须...
2024-01-10Chrome扩展跨域请求
URL说明允许请求http://a.test.com/ http://a.test.com/info同域下以及不同目录允许http://a.test.com/ http://a.test.com:9090同域下不同端口不允许http://a.test.com https://a.test.com端口 不同不允许http://a.test.com http://b.test.com不同的子域不允许所以允许的情况只有: 协议://域名:端口, 全部相同才可以。...
2024-01-10检查用户是否安装了Chrome扩展程序
我正在构建Chrome扩展程序,并且为了使整个工作正常进行,我需要一个外部JavaScript脚本来检测用户是否安装了我的扩展程序。例如:用户安装了我的插件,然后访问了带有我的脚本的网站。该网站检测到我的扩展程序已安装,并相应地更新页面。这可能吗?回答:我敢肯定,有一种直接方法(直接...
2024-01-10Chrome扩展程序-从网页检索全局变量
我正在为Chrome扩展程序。我希望解析“原始” Gmail邮件(当前查看的邮件)的内容。我试图利用jQuery.load()如下$(windows).load(function() { alert(GLOBALS); });并将其放置在内容脚本中,但是它也不起作用。我正在使用Chrome的开发人员工具,该工具会在调用时返回以下错误alert(GLOBALS);未被捕获的ReferenceError:...
2024-01-10如何使用解压缩的扩展程序启动Chrome?
我正在使用Selenium WebDriver来测试我正在开发的GoogleChrome扩展程序。我注意到ChromeDriver可以对其进行自定义以将扩展程序添加到启动的Chrome实例中。这可以使用类的AddExtension和AddExtensions方法来实现ChromeOptions。这些方法的文档表明,它们要求扩展名以crx文件的形式提供。由于 我正在开发扩展程序,因此...
2024-01-10Chrome扩展程序中的onClick无法正常工作
这似乎是最容易的事情,但它没有用。在普通的浏览器中,.html和.js文件可完美运行,但在Chrome扩展程序中,该onClick功能无法执行应有的功能。.js文件:function hellYeah(text) { document.getElementById("text-holder").innerHTML = text;}.html文件:<!doctype html><html> <head> <title> Getting Started Extension's Popup ...
2024-01-105个Chrome扩展程序可消除干扰并保持专注
因为互联网有其分心的部分。互联网是最好的工作场所。 互联网是最糟糕的工作。 它使研究工作比Google之前的黑暗时期要容易上千倍,而Slack和Google Drive等网络工具无疑可以帮助您简化工作。 但是,在众多站点中,有Twitter,Reddit和Wikipedia的虫洞,这些站点使您无所适从。 以下是五个Chrome扩展程序,...
2024-01-10如何找到Chrome扩展的ID
Google Chrome扩展是一个小程序,可以通过安装来添加或更改浏览器的功能。当一个扩展被Google创建并签名时,它将被赋予一个与该扩展相关联的唯一ID。这些唯一的ID有32个字符长,例如jifpbeccnghkjeaalbbjmodiffmgedin,它是Chrome扩展源代码查看器扩展的扩展ID。如果在Chrome中安装了扩展,您可以通过以下步骤...
2024-01-10【JS】Chrome 扩展学习
前言对于现在开发 Chrome 扩展来说,是非常简单的一件事情,其只需要使用 JavaScript 即可开发,并且 Chrome 官方对你如何开发 Chrome 扩展程序并没有严格要求,只需要在你项目的根目录保证存在 mainfest.json 文件即可,该文件是用来配置所有和插件相关的配置,必须放在根目录,它就相当于 webpack 的入口...
2024-01-10从Chrome扩展程序获取当前页面的源HTML
我有一个Chrome扩展程序。我需要从当前页面的HTML源进行分析。我在这里找到了各种带有背景页面和内容脚本的解决方案,但没有一个对我有帮助。这是我到目前为止所拥有的:manifest.json:{ "name": "Extension", "version": "1.0", "description": "Extension", "browser_action": { "default_icon": "bmarkred.ico", "popup": "Tes...
2024-01-10Chrome扩展程序代码vs内容脚本vs注入脚本
我正在尝试让我的Chrome扩展程序在init()加载新页面时运行该功能,但是在尝试了解如何执行此操作时遇到了麻烦。据我了解,我需要在background.html中执行以下操作:使用chrome.tabs.onUpdated.addListener()来检查时,页面变更使用chrome.tabs.executeScript运行的脚本。这是我的代码://background.htmlchrome.tabs.onUpdated....
2024-01-10如何自动重新加载正在开发的Chrome扩展程序?
我希望我的chrome扩展程序每次在扩展文件夹中保存文件时都可以重新加载,而不必在chrome:// extensions/中明确单击“重新加载”。这可能吗?编辑:我知道我可以更新Chrome重新加载扩展的间隔,这是一个半途而废的解决方案,但是我宁愿让我的编辑器(emacs或textmate)触发保存重新加载或要求Chrome进行...
2024-01-10Chrome扩展程序中无法使用jQuery触发点击
我正在尝试使用一行jQuery代码制作一个Chrome扩展程序,但是它不起作用。我正在尝试触发元素上的点击。chrome控制台根本不显示任何错误,并且当我仅将jQuery代码放在控制台中时,它可以正常工作。我的代码:$(document).ready(function() { $('.like_post:contains(Like)').click();});chrome.windows.getCurrent( function(curre...
2024-01-10通过chrome扩展名将文件上传为表单数据
我通过chrome扩展名将文件上传为表单数据,我的代码如下。这里的问题是文件浏览窗口仅打开一秒钟,然后消失。"background": { "scripts": ["jszip.js", "background.js"]},chrome.runtime.onMessage.addListener(function (msg) { if (msg.action === 'browse') { var myForm=document.createElement("FORM"); var myF...
2024-01-10【小程序】Chrome性能调优技巧
首页专栏小程序文章详情2Chrome性能调优技巧jafeney发布于 2020-05-24在开发大型Web应用或复杂交互的网站,不免会遇到一些页面性能瓶颈的问题。本篇介绍一下如何利用Chrome的性能面板分析网站的性能瓶颈,应该对你有所帮助。将Chrome切换到隐身模式,然后打开该页面进行测试: https://googlechrom...
2024-01-10从Chrome的扩展程序内容脚本访问iframe内容
我正在做一个插件来对界面进行一些转换。我不断收到unsafe javascript attempt to access frame withurl.... Domains, protocols and ports must match(典型的跨网站问题)但作为扩展程序,它应该可以访问iframe的内容…没有人知道如何访问它的内容以便可以被捕获吗?回答:通常,没有直接访问其他来源window对象的直接...
2024-01-10请教开发chrome扩展插件的脚本事件问题.
为什么点击"开启按钮没反应啊?"我在这个按钮上加了click事件代码:{ "manifest_version": 2, "name": "hello world", "description": ".....", "version": "1.0", "browser_action": { "default_title" : "hello", "default_icon": "smile.png", "default_popup": "popup.html" }, "permi...
2024-01-10适用于内联框架的Chrome扩展菜单
扩展是否可以显示不同的内联框,尽管通过这种扩展可以在Chrome扩展内部的菜单栏中选择不同的内联框? 我会很感激任何hel enter image description here p! :) 如果是这样,该怎么办?我需要使用JavaScript还是完全在HTML文件中完成?我非常感谢一个例子:)适用于内联框架的Chrome扩展菜单回答:是的但不是,...
2024-01-10【小程序】Chrome动画调试最佳实践
前端开发过程中针对复杂的动画,往往调整起来比较无力,这个时候如果借助devTools的Animations工具,就会把复杂的动画变得"有迹可循"。<!--more-->面板介绍打开Chrome的devTools面板,点击 x(关闭按钮)左边的 更多按钮,选择 "More tools",然后点击子菜单里的 "Animations",就可以调出该面板:或者在devTools ...
2024-01-10Chrome扩展程序如何将许多文件保存到用户指定的目录中?
我正在开发一个Chrome扩展程序以用作内部工具。它要求的行为是:作为页面操作,请在查看某些Intranet页面时启用地址栏图标。当用户单击该图标时,在页面上标识某种特定媒体类型(例如.jpg)的所有文件,以及将它们全部静默保存到用户本地驱动器上的目录中。那么,目前可用的方法是什么?我...
2024-01-10Chrome扩展程序:端口错误:无法建立连接。接收端不存在。
尝试在内容脚本和后台脚本之间进行通信时,出现以下错误:Port error: Could not establish connection. Receiving end does not exist.Error in event handler for 'undefined': Cannot read property 'message' of undefined TypeError: Cannot read property 'message' of undefinedfunction onR...
2024-01-10