油猴脚本实现跨域请求或下载文件 tampermonkey

onlyxx 2021-09-07 原文

油猴脚本实现跨域请求或下载文件

标签（空格分隔）： js tampermonkey 油猴

1.介绍

在以往的XmlHttprequest对象中想要跨域请求基本上就是靠jsonp，油猴脚本可以实现自定义网页脚本，但是他同样无法避免的要被CORS阻止。这篇文章就是讲解如何使用@grant注解实现使用油猴自带的GM_xmlhttpRequest发送跨域请求。

2.什么是油猴脚本

油猴脚本是一个浏览器插件通常在google中叫tampermonkey，在火狐中叫greasemonkey。具体的用法可以去百度一下。这里提供两个现在可以使用的脚本网站
http://userscripts-mirror.org/
https://greasyfork.org/zh-CN/scripts

3.什么是跨域请求

通俗的来说就是在一个网页去请求了别的网页(这些网页不属于这个网站或者端口协议不同)。

主要原因还是由于安全限制(同源策略，即JavaScript或Cookie只能访问同域下的内容)
http://blog.csdn.net/hfahe/article/details/7730944

4.如何在脚本中使用GM_xmlhttpRequest
在很久以前的中国有一个石猴子(偏题)。通常新建一个脚本之后是这样的。

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        url
// @grant        none
// ==/UserScript==
/* jshint -W097 */
\'use strict\';

// Your code here...

其他的@..不说，只看@grant在官方文档中是这样描述的：

@grant is used to whitelist GM_* functions, the unsafeWindow object and some powerful window functions. If no @grant tag is given TM guesses the scripts needs.

就是说使用@grant可以使用一些加强函数这些函数都是以GM_开头的。

If @grant is followed by \’none\’ the sandbox is disabled and the script will run directly at the page context. In this mode no GM_* function but the GM_info property will be available.

如果@grant是none的话就只能使用GM_info这个函数了。
老偏题呢。

这是我们要引用

// @grant GM_xmlhttpRequest

之后我们的代码中就可以使用GM_xmlhttpRequest函数了
// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.zybuluo.com/mdeditor
// @grant        GM_xmlhttpRequest
// @grant        GM_download
// ==/UserScript==
/* jshint -W097 */
\'use strict\';
GM_xmlhttpRequest({
  method: "GET",
  url: "http://www.qq.com/",
  onload: function(response) {
     //这里写处理函数
  }
});

处理这些属性之外还有一些其他的属性：

url – the URL from where the data should be downloaded
name – thefilename – for security reasons the file extension needs to bewhitelisted at the Tampermonkey options page
headers – seeGM_xmlhttpRequest for more details saveAs – boolean value, show asaveAs dialog
onload – function() {} – callback function that iscalled when the download has finished
onerror – function(download) {}
callback function that is called when there was an error

以上内容来自https://tampermonkey.net/documentation.php 和一些自己的总结