JS浏览器调试:Browser对象

好久不搞前端，最近在搞钉钉的第三方应用的时候，前端给我露了一手，涉及到知识主要是JavaScript的Browser对象。

首先现在很多PC客户端现在技术选型选择会选择nodejs这类，像nw.js或者Electron，都会涉及到chromium的功能，也就是chrome或者其他浏览器的核心。所以说我们在页面可以打开开发者模式，上面的一些对象也是可以通过控制台可以查看。

说到这里，也就是我们说可以当作浏览器调试一样去在这些客户端调试查看（当然，首先要选对对应的客户端，很多产品会把浏览器调试关掉，想要调试要不然再开发者工具，要不然是那种专门个开发的特殊版本，比如钉钉，想要打开开发者模式就要选择钉钉RC版，而且还要在后台设置用户，类似微信小程序管理员权限设置的那种）。

所以JavaScript的Browser也就是浏览器对象，可以提供给我们很多信息。

菜鸟教程的对应地址

Window 对象，Window 对象表示浏览器中打开的窗口。

• （1）所有浏览器都支持window对象。它代表浏览器的窗口。

• （2）所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。

• （3）全局变量是 window 对象的属性。

• （4）全局函数是 window 对象的方法。

如果文档包含框架（ 或 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。

有意思的是，还有History 对象和Location 对象这些也都是windos对象里面的对象。比如

这两个是等价的
windows.location.href
location.href

//下面两个也是等价的，但是奇怪的是菜鸟为什么不把document对象单独拿出来，毕竟document对象平时用的更多些
window.document.getElementById("header");
document.getElementById("header");

还有的浏览器对象有Navigator和Screen两个，但是怎么说呢，虽然很多浏览器都支持，但不是公开的标准之一。

//以下都能获取到“宽度”，但是还是有不同，具体什么我怕也说不清楚现在
document.documentElement.clientWidth
document.body.clientWidth
screen.width

PS:
前端教给我的就是，跳转过来的连接怎么看，通过fillder转包有的只能看到网络地址看不到参数，这时候在对应开发者的consloe下面输出location.href回车就可以了。

location.href

那个知乎的页面测试做截图收尾