# Quicker浏览器插件：控制网页和浏览器的新方式

**URL:** <https://meta.appinn.net/t/topic/17577>\
**Category:** 发现频道\
**Created:** [2020 年7 月 13 日 04:40 UTC](https://meta.appinn.net/t/topic/17577 "2020-07-13T04:40:47Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

作者： ![cuiliang](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/cuiliang/32/46680_2.png) [@cuiliang](https://meta.appinn.net/u/cuiliang)\
发布日期： [2020 年7 月 13 日 04:40 UTC](https://meta.appinn.net/t/topic/17577/1 "2020-07-13T04:40:47Z")

</div>

## 软件名称

Quicker + 浏览器扩展

## 应用平台

- Windows

## 推荐类型

【开发者自荐】

## 一句简介

通过浏览器扩展插件，Quicker可以对网页自动填表、触发事件或运行js脚本实现自定义控制，也可以通过运行后台脚本，调用Chrome API来控制浏览器，实现一些原本需要单独插件来完成的功能。

## 应用简介

Quicker是一个快速启动+自动化工具的结合体。

以前，从Quicker里不能直接操作网页内容。在实现一些自动填表/自动提交之类的动作时，需要通过模拟按键、找图定位等措施，导致成功率受影响，实现也比较复杂。

现在，通过定制的浏览器插件，可以在Quicker里轻松的操作网页内容，对网页运行任意的javascript脚本（支持jquery库），或通过后台脚本实现对浏览器本身的控制。

 ![image](https://meta-edge.appinn.com/uploads/default/original/2X/b/bcd2eb65924561fbf1f31c6a348da23d320fb4eb.jpeg)

### 模块功能概览

 ![image](https://meta-edge.appinn.com/uploads/default/original/2X/c/c25a4873675ba5cdff8ebec30b205f177026b5ad.jpeg)

1. **打开网址：** 可以返回标签页ID，从而在后续步骤中自动操作此标签页。

2. **等待加载完成：** 等待标签页的网页加载完（然后可以开始填表或其他操作了）。

3. **获取元素信息：** 获取网页元素的信息（如输入框里的当前内容）。

4. **更新元素信息：** 自动填写表单。

5. **触发事件：** 自动提交表单/点击按钮等。

6. **获得标签页信息：** 获得当前打开的网页信息（网址/标题/图标等）。

7. **关闭标签页：** 关闭某个指定的标签页（自动化操作完成后直接关闭网页，懒人总是可以少点一下的：）

8. **对标签页运行脚本：** 对网页运行javascript脚本，自由实现各类功能。可以在脚本中使用强大的JQuery库。

9. **运行后台脚本：** 可以通过浏览器提供的各种API实现对浏览器本身的控制。

### 示例动作

**1. 自动填表登录Quicker网站：**  
 ![640](https://meta-edge.appinn.com/uploads/default/original/2X/f/f1dab34125b07d37601754bd5b6206b48037cada.gif)

对应的步骤定义：

 ![image](https://meta-edge.appinn.com/uploads/default/original/2X/8/888dd4cc2880641d59314c58887aa0ae91e758e1.png)

**2. 弹出当前页**

 Your browser does not support the `video` element. 您的浏览器不支持 `video`组件。 

对应的后台脚本：

```js
chrome.tabs.query({lastFocusedWindow: true, active: true}, function(tabs){
			if (tabs.length < 1){
				
				return;
			}
			
			chrome.windows.create({
				tabId:tabs[0].id,
				//state:'maximized',
				type: 'popup'
			},function(win){})
		});

```

**3. 关闭左侧标签页**

 Your browser does not support the `video` element. 您的浏览器不支持 `video`组件。 

对应的脚本：

```auto
chrome.windows.getLastFocused({populate:true}, function(win){
 for(var tab of win.tabs){
     if (tab.active){
         break;
     }
     chrome.tabs.remove(tab.id);
 }
});

```

**4. 从脚本返回内容给动作：提取网页链接和图片URL**

 Your browser does not support the `video` element. 您的浏览器不支持 `video`组件。 

浏览器插件为从外部操作网页创建一个桥梁。运行自定义脚本又让使用者拥有了更多自由。

## 官方网站 && 应用商店地址

Quicker软件官网：[https://getquicker.net](https://getquicker.net)

浏览器扩展：[商店安装](https://chrome.google.com/webstore/detail/quicker-chrome-connector/klggbkjfmbonefdcfkiidhcmfjdfnepa?hl=zh-CN)[开源网址](https://github.com/cuiliang/QuickerChromeConnector)

浏览器扩展示例动作单：[动作单](https://getquicker.net/Share/ActionLists/List?id=560f8ac9-5bdc-490e-beba-08d826cce2bd&tab=byupdate)

---

<div class="post-metadata">

作者： ![ico](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/i/91b2a8/32.png) [@ico](https://meta.appinn.net/u/ico)\
发布日期： [2020 年7 月 13 日 05:05 UTC](https://meta.appinn.net/t/topic/17577/2 "2020-07-13T05:05:00Z")

</div>

希望尽快出Firefox版扩展  
这个真是太6了，要是能跟鼠标手势结合在一起就好了  
我现在在用smartUp，可以用鼠标手势运行脚本，可惜由于WebExt的限制还是不够强大，比如不能操作about://开头的一些页面，进入about:config等等

---

<div class="post-metadata">

作者： ![cuiliang](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/cuiliang/32/46680_2.png) [@cuiliang](https://meta.appinn.net/u/cuiliang)\
发布日期： [2020 年7 月 13 日 05:14 UTC](https://meta.appinn.net/t/topic/17577/3 "2020-07-13T05:14:20Z")

</div>

firefox暂时还没时间研究，应该api比较类似，如果有兴趣可以参考现有的扩展代码修改一下试试。 手势是可以调用的，Quicker自身带一个简单版的手势，从其他手势软件里使用URI可以调用Quicker动作（需要专业版），类似这样： quicker:runaction:动作ID

---

<div class="post-metadata">

作者： ![Dalieba](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/dalieba/32/3804_2.png) [@Dalieba](https://meta.appinn.net/u/Dalieba)\
发布日期： [2020 年7 月 14 日 15:48 UTC](https://meta.appinn.net/t/topic/17577/4 "2020-07-14T15:48:30Z")

</div>

你可以在[这里](https://extensionworkshop.com/)简单的研究一下