浏览器控制台有趣好玩的互动代码指令合集与使用方法

1. 打印当前页面的HTML代码：
javascript
console.log(document.documentElement.outerHTML);

2. 获取当前页面的URL：
javascript
console.log(window.location.href);

3. 获取当前页面的标题：
javascript
console.log(document.title);

4. 获取当前页面的脚本文件名：
javascript
console.log(document.currentScript.src);

5. 获取当前页面的样式表文件名：
javascript
console.log(document.currentStyleSheet.href);

6. 获取当前页面的字体大小：
javascript
console.log(window.getComputedStyle(document.body).fontSize);

7. 获取当前页面的滚动位置：
javascript
console.log(window.pageYOffset);

8. 获取当前页面的窗口尺寸：
javascript
console.log(window.innerWidth, window.innerHeight);

9. 获取当前页面的屏幕分辨率：
javascript
console.log(window.screen.width, window.screen.height);

10. 获取当前页面的窗口高度：
javascript
console.log(window.innerHeight);

11. 获取当前页面的窗口宽度：
javascript
console.log(window.innerWidth);

12. 获取当前页面的窗口位置：
javascript
console.log(window.pageXOffset, window.pageYOffset);

13. 获取当前页面的窗口坐标：
javascript
console.log(window.screenX, window.screenY);

14. 获取当前页面的窗口方向：
javascript
console.log(window.orientation);

15. 获取当前页面的窗口模式：
javascript
console.log(window.screenMode);

16. 获取当前页面的窗口状态：
javascript
console.log(window.screenStatus);

17. 获取当前页面的窗口主题：
javascript
console.log(window.theme);

18. 获取当前页面的窗口背景色：
javascript
console.log(window.getComputedStyle(document.body).backgroundColor);

19. 获取当前页面的窗口背景图片：
javascript
console.log(window.getComputedStyle(document.body).backgroundImage);

20. 获取当前页面的窗口背景图片地址：
javascript
console.log(window.getComputedStyle(document.body).backgroundImageUrl);