在微信小程序环境下，获取window对象

本文中的方法并不能用于实际小程序项目，仅供学习交流！！

众所周知，微信小程序的js中不能使用 window对象 以及 document对象 。

难道他们真的不存在吗？事实并非如此。

熟悉this的同学都知道，在浏览器环境下，触发一个立即执行函数时，其中this的指向往往都是window对象。

这段js在小程序中是同样有效的，所以window对象确实存在。

window对象中包含了很多对象，如wx、Page、Component、Behavior等变量，你可以试试看。

不过在严格模式下，this就指向了undefined。而且es6转es5时也默认开启了严格模式。

如果你想尝试，首先你需要在微信开发工具中选择右上角的 详情-项目设置 取消选中ES6转ES5即可

获取到了window对象，我们就可以获取其他全局变量

当我们js报错时，其路由前面部分是一样的。

在控制台中，我们可以看到微信小程序的html部分的源码。

在实际开发中我们可以利用这个方法，把一些全局方法给转移或清除掉，比如alert。

1、非严格模式下，可以获取window对象。

2、可以在window中扩展自己的全局变量，当然并不推荐这样做。

3、各种你能想到的 *** 作...

此文仅供交流，如有不当，请指正。

微信小程序默认情况下，在电脑端预览时会有一个“调试工具”的按钮，可以用于调试和查看页面元素等。如袭链果该按钮被隐藏或不显示，您可以尝试以下方法来让它重新显示：

1. 按下键盘上的“F12”键，打开浏览器的开发者工具。在“Elements”或“Elements面板”中找到代码中的“page-meta”元素，并将其删除或注释掉。

2. 在浏览器的地址栏中输入javascript:console.log(document.querySelector('.devtools') &&document.querySelector('.devtools').remove())并按下回车键，该按钮应该会重新显示。

3. 如果您使用的是Chrome浏览器，拍皮孙可以按下快捷键“Ctrl+Shift+J”，打开浏览器的控制台，输入以下代码并按下回车键：

```javascript

document.body.addEventListener("keydown", function(event) {

if (event.ctrlKey &&event.keyCode === 73) {

return false

}

}, false)

```

这段代握前码的作用是禁用了快捷键“Ctrl+Shift+i”的功能，防止用户无意中切换到开发者工具。

需要注意的是，微信小程序是为移动设备设计的，因此在电脑端可能会有一些兼容性问题和体验上的不便。如果您需要更好的开发体验，建议您使用微信开发者工具进行开发和调试。

---