Saber 酱的抱枕

Fly me to the moon

09/2
2020
软件

Chrome 扩展允许任意跨域的办法

saber 撰写 无回复 2,254次查看

浏览器里是不允许跨域的，如果服务器没有指定 Access-Control-Allow-Origin 字段，那么浏览器会阻止向服务器发起的任何跨域请求。

如果服务器指定了 Access-Control-Allow-Origin，则浏览器会根据它的设置，只允许它指定的那些域名进行跨域请求。

特别的，如果 Access-Control-Allow-Origin 的值是 *，表示服务器接受任意跨域请求。

以前，如果我们制作了一个 Chrome 扩展，它的前台、后台代码都可以无视跨域限制，因为扩展有特权嘛。但是从 Chrome 85 开始，扩展的前台不允许跨域了，只允许后台跨域。

但是后台可以修改网络请求，我们给每个请求的 response headers 都添加 Access-Control-Allow-Origin : *，那么前台发出的所有请求都可以跨域。

Read More →

Chrome 扩展允许任意跨域的办法

09/23
2019
软件

Chrome 扩展下载文件时，不能使用的字符

saber 撰写 无回复 2,001次查看

Windows 中有一些字符不能做文件名：

\ / : ? " < > * |

但是 Chrome 的下载 api 里，有更多的字符不能做文件名，否则下载会失败。这些字符里大多是控制字符。

Chrome 扩展下载文件时，不能使用的字符可以建立一个正则表达式，对文件名进行替换：

// 不安全的字符，是 Chrome 和 Windows 不允许做文件名的字符
const notSafeString = `[\u0001-\u001f\u007f-\u009f\u00ad\u0600-\u0605\u061c\u06dd\u070f\u08e2\u180e\u200b-\u200f\u202a-\u202e\u2060-\u2064\u2066-\u206f\ufdd0-\ufdef\ufeff\ufff9-\ufffb\ufffe\uffff\\\/:\?"<>\*\|~]`
const safeFileName = new RegExp(notSafeString, 'g') // 安全的文件名

这些字符是 Reinford 测试出来的，测试结果的文件：
链接: https://pan.baidu.com/s/1y8AVKGmasV1ZYiCErwc1Zg 提取码: q41v

此外，还有一些情况要处理。

1. Chrome 不允许文件夹和文件名的开头、结尾使用点 .。
2. 路径首尾不允许有空格。
3. 路径中出现多个斜线会报错，如 download//a.jpg。

Chrome 扩展下载文件时，不能使用的字符

07/4
2018
学习 软件

Chrome 扩展修改 referer 实现跨域

saber 撰写 6条回复 6,266次查看

通过 chrome.webRequest.onBeforeSendHeaders 事件来设置 referer，来达到跨域的目的。

1. 在 manifest.json 中声明权限

"permissions": [
    "tabs", "downloads", "webRequest", "webRequestBlocking", "*://www.pixiv.net/*", "*://www.pixivision.net/*", "*://i.pximg.net/*"
]

webRequest、webRequestBlocking 是必须的；后面的网址列表表示这个扩展的生效范围。

在做跨域的时候，需要把你的目标网址也添加进去。比如你的扩展运行在 a.com，去请求 b.com 的内容，那么这两个网址都要写进去。
Read More →

Chrome 扩展修改 referer 实现跨域

1 2 3 4