开发者-导航 猿导航

Chrome 浏览器 F12 无法打开控制台,右键无法查看元素解决办法

发布时间:

目录

不可以打开 #

方法一 #

将鼠标光标移动到搜索或地址栏中,点击聚焦,此时再按 F12 键就可以顺利打开控制台了。

方法二 #

随便找一个可以打开控制台的页面,然后将不能打开控制的页面地址,复制粘贴已打开的网页中,Enter 键访问。

方法三 #

尝试 Ctrl + S 保存网页,对代码进行分析,然后通过 油猴 注入脚本重新对应方法

方法四 #

操作系统 元素 控制台 您上次使用的面板
Windows 或 Linux Ctrl + Shift + C Ctrl + Shift + J F12 Ctrl + Shift + I
Mac Cmd + Option + C Cmd + Option + J Fn + F12 Cmd + Option + I

下面介绍了一种记忆快捷键的简单方法:

可以打开 #

有些网页可以打开控制台,但是打开一瞬间跳转 about:blank 空白页,可以通过一下脚本阻止跳转同时弹框提醒是否离开

beforeunload #

监听页面卸载事件 油猴脚本
window.addEventListener("beforeunload", function(event) {
    // 尝试离开页面时执行
    event.preventDefault();
	return
});

devtoolschange #

监听控制台变化 油猴脚本
// 如果已经存在的监听器需要移除
const originalRemoveEventListener = window.removeEventListener;
window.removeEventListener = function(type, listener, options) {
	if (type === 'devtoolschange') {
		// 拦截对 devtoolschange 事件监听的移除
		return;
	}
	// 对其他事件,使用原始方法进行移除
	originalRemoveEventListener.call(window, type, listener, options);
};

通过窗口高度和宽度来判断是否打开控制台 #

此刻就需要先打开控制台,点击控制台设置 停靠测:“取消停靠至单独的窗口”,然后控制台单独一个窗口