Remove React HMR iframe

删除React热更新时产生页面遮罩iframe

Ask a question, post a review, or report the script.

Wrap lines

// ==UserScript==
// @name         Remove React HMR iframe
// @namespace    http://tampermonkey.net/
// @version      2024-04-15
// @description  删除React热更新时产生页面遮罩iframe
// @author       djzhao
// @match        http://localhost/*
// @match        https://localhost/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @license      MIT
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // 创建一个样式元素
    var css = document.createElement('style');
    css.type = 'text/css';

    //  CSS 规则
    css.innerHTML = `
        body > iframe[style*="2147483647"]:not([id="webpack-dev-server-client-overlay"]) {
            display: none;
        }
    `;

    // 将样式元素添加到页面头部
    document.head.appendChild(css);
})();