请教 JS 如何修改 UserAgent？

[SoyaDokio]

起因：因为图片服务器为了统计信息，所以做了 UA 验证，而 WebAdmin 的一些图片是存储在该图片服务器上的，于是 403 了。

思路：现在我想到的最直观的思路就是使用 JS 更改登陆 WebAdmin 的浏览器的 UA 以完成验证并顺利取到图片资源。

尝试：今天搜索了一整天，把 google 上能搜到的都看了，其中一半都在 StackOverflow 上，但是得出的解决方案就一种，且无效果，下面是“解决方案”：

Object.navigator.\_\_defineGetter\_\_('userAgent', '自定义 UA 字串');//旧写法

Object.prototype.setProperty(navigator, 'userAgent': function() {return '自定义 UA 字串';});//新写法

写法大概是这样，我不太记得了，还有个写法差不多的方式就不列出来了。

这些方案无一例外，在 JS 中修改成功，然后执行

console.log(window.navigator.userAgent);

也是正常的，但是发送到服务器的 UA 却还是未修改过的原 UA ，但是使用 Chrome 、 Firefox 自带的改 UA 的方法，均有效。所以我最后猜测： 浏览器发送给服务器请求中的 UA 和通过 JS 取到的 UA 是两个不同的实例

那么问题来了：如何通过 JS 修改 UA 呢？望大神们不吝赐教~~

[shiny]

js 还能改 User Agent ?

[jimwoo]

呃…你 js 修改只是改了当前页面下的环境。然而你执行完 js 后，浏览器发起请求你的图片浏览器还是会保持他本身的 ua …简单来说… js 改的只会在 js 获取的时候被改，其他地方然并卵

[zmj1316]

自己实现一下 http request 就可以构造自定义头了吧？

[xfspace]

我听过用 Browser 改 UA...
JavaScript 还能控制 UA...

[jessynt]

NO WAY!

[smallpath]

浏览器发的没办法， fetch 或者 XHR 可以拦截

[zbinlin]

> 浏览器发送给服务器请求中的 UA 和通过 JS 取到的 UA 是两个不同的实例

http 的 User-Agent 头确实可以与 JS 的 `navigator.userAgent` 不同，比如 Firefox 就可以修改成这样，但一般是一样的。
而你现在修改的 JS 环境里的 navigator.userAgent ，这是 JS 环境里的一个值，与 http 请求头 User-Agent 不是一个东西来的。要修改 http 请求头，如果是通过浏览器的请求，一般需要使用浏览器的扩展来实现；如果是通过 JS 请求的， xhr 和 fetch 都可以直接修改（但也不是通过 navigator.userAgent 来修改的， navigator.userAgent 是给 js 来用的）

最后提供一个比较 hack 的做法：可以通过 xhr 或 fetch 来请求图片数据，然后转成 base64 显示出来（不过这可能会涉及到跨域问题）。

PS ：你的图片服务器不是公开的吗？为什么会屏蔽浏览器的 UA ？

[qiqiboy]

无法，搞代理吧

[Kokororin]

ajax 请求即可

[SoyaDokio]

@jimwoo 果然是这样，那请问有无思路提供？

[SoyaDokio]

@zmj1316 HTML 静态无法实现， JS 如何实现 HTTP Request 的构造？ JS 新人~~

[orvice]

ua 是浏览器加的吧

[binux]

除非你找到了浏览器的漏洞， user-context 的 JS 不可能修改 user-agent
@Kokororin ajax 也不可以修改 user-agent

[fzhw88]

js 的执行环境仅仅是当前页面， so …

[fzhw88]

@SoyaDokio 查用 Ajax 能不能构造请求头， xmlhttprequest 的实例，我忘了具体怎么搞……应该是可以的

[lslqtz]

你可以通过扩展方式对相应的请求截获并修改 UA 。

[wohenyingyu02]

UA 的意义不就是获取客户端类型么，如果网页能随便改似乎没意义了？

[ihciah]

或者你可以试试 flash ……

[RqPS6rhmP3Nyn3Tm]

用 requests 模块多好，不折腾

[skydiver]

明显是 XY 问题…你应该从根本上解决这个问题，而不是非要用这种投机取巧的办法

[ine181x]

楼上说的是对的。

[zmj1316]

@SoyaDokio 我没有什么前段经验，但是如果能够用 socket 的话怎么样都行啊

[zhidian]

这样的浏览器插件应该随手可以搜到吧（如果你是在浏览器里运行 js ），比如： https://addons.mozilla.org/en-US/firefox/addon/custom-user-agent-string/ （火狐）， Chrome 我猜也有。亲测有效。

[xjp]

不能改 head 里有几个关键字段 js 无权限修改的 比如 date 浏览器会报错 如果你是 nodejs 的话另当别论

[zhidian]

额……又看了一遍，你已经试过了插件……

[realpg]

形象点说，又是一个持有工商储蓄卡就想修改工行卡余额的……

[SoyaDokio]

@smallpath 多谢告知。

[SoyaDokio]

@zbinlin 图片服务器好像是为了统计自家 APP 的相关信息，所以对 UA 做了特殊判断（是否包含特定字串），而现在就是想要对（需要用到该图片服务器的资源的） WebAdmin 后台管理页面在请求该图片服务器的资源时的请求头中的 UA 做特殊修改（追加上图片服务器需要的特定字串）。
另，请教“如果是通过浏览器的请求，一般需要使用浏览器的扩展来实现”，和“如果是通过 JS 请求的， xhr 和 fetch 都可以直接修改”分别是什么意思，难道是指前者是由浏览器发出 GET 请求的，后者是由 JS 发出请求的？还不是一回事儿？

[SoyaDokio]

@Kokororin 愿闻其详。
另，「こころ」は何ですか？

[SoyaDokio]

@fzhw88 多谢，我搜索一下

[SoyaDokio]

@lslqtz browser extension ？

[SoyaDokio]

@ihciah Flash 一窍不通。愿闻其详。

[SoyaDokio]

@skydiver XY 问题？

[SoyaDokio]

@realpg 茅塞顿开 QAQ

[SoyaDokio]

@zhidian 其实主要是因为后台管理页面是可以随处登陆的，用户也不会是同一个人，如果每次登陆都修改一次登录时用的浏览器的 UA ，那就有点儿...

[myleon]

js 运行是浏览器解析吧，这时候浏览器已经获取请求头了呀还咋改

[BOYPT]

让你的 js 在浏览器插件方式运行就可以改了, 具体参考浏览器插件的 api

[Kokororin]

@SoyaDokio 测试了一下，确实改不了，会报错： Refused to set unsafe header "User-Agent"
PS ココロ 源自一首歌

[SoyaDokio]

@Kokororin 多谢。

[SoyaDokio]

@BOYPT 好 我搜一下。

[jimwoo]

@SoyaDokio 代理、 chrome 的开发模式中可以改 ua

[SoyaDokio]

@jimwoo 其实主要是因为后台管理页面是可以随处登陆的，用户也不会是同一个人，如果每次登陆都修改一次登录时用的浏览器的 UA ，那就有点儿...

[chemzqm]

nginx 反代设置 header ， 一行搞定，如果服务端有用 nginx 的话。
图片反盗链都是检测 Referer 头部吧，第一次听说检测 UA 的

[SoyaDokio]

@chemzqm 其实我并不确定检测 UA 的目的是什么，所以猜测是为了统计自家 APP 使用情况。服务器确实是用的 Nginx ，问题是服务器我肯定动不了，不然我直接关闭验证多省事儿。不过还是感谢出谋划策了。

[menway]

用 node 写可以吧？然后给前端做代理，比如本来需要访问 server1.com/1.jpg ，现在改成 server2.com/1.jpg ，在 server2 后端 pipe 一下请求到 server1 ，在请求里面设置 UA

https://www.npmjs.com/package/request#custom-http-headers

[SoyaDokio]

@menway 这样的话，这些图片直接存在 WebAdmin 的服务器上更直接。不过也是一个思路。

[jimwoo]

@SoyaDokio 那你就检查 referer||UA 不行啊？非要单独判断 UA 吗？

[lslqtz]

@SoyaDokio 是的