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

发布时间: 2024-08-29

不可以打开 #

方法一 #

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

方法二 #

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

方法三 #

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

可以打开 #

有些网页可以打开控制台，但是打开一瞬间跳转 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);
};

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

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