如何移除WordPress插件加载脚本的type属性以通过W3C验证？

嗨，这个问题我之前帮不少开发者踩过坑，核心原因是你之前的方法大概率只覆盖了主题加载的资源，或者钩子优先级没抢在插件之后执行。下面给你几个靠谱的解决方案，按优先级推荐：

WordPress提供了script_loader_tag和style_loader_tag两个钩子，不管是主题还是插件调用wp_enqueue_script/wp_enqueue_style加载的资源，都会触发这两个钩子。只要把过滤函数的优先级设高一点（比如999），确保在插件完成资源入队后再执行就行：

// 移除脚本的text/javascript类型属性
add_filter('script_loader_tag', 'remove_script_type_attr', 999, 3);
function remove_script_type_attr($tag, $handle, $src) {
    // 只处理传统的text/javascript类型，避免影响module等现代脚本类型
    if (strpos($tag, 'text/javascript') !== false) {
        return str_replace("type='text/javascript' ", '', $tag);
        // 如果你的主题/插件用双引号，就换成下面这行：
        // return str_replace('type="text/javascript" ', '', $tag);
    }
    return $tag;
}

// 移除样式表的text/css类型属性
add_filter('style_loader_tag', 'remove_style_type_attr', 999, 3);
function remove_style_type_attr($tag, $handle, $src) {
    if (strpos($tag, 'text/css') !== false) {
        return str_replace("type='text/css' ", '', $tag);
        // 双引号版本：return str_replace('type="text/css" ', '', $tag);
    }
    return $tag;
}

这里特意加了类型判断，避免误删module类型脚本的属性（比如有些现代插件会加载type="module"的脚本），同时优先级设为999，能覆盖绝大多数插件的默认优先级（默认是10）。

如果你确定所有资源都不需要text/javascript和text/css类型属性，可以用正则简化代码：

// 移除脚本的type属性
add_filter('script_loader_tag', function($tag) {
    return preg_replace("/type=['\"]text\/javascript['\"]/", '', $tag);
}, 999);

// 移除样式表的type属性
add_filter('style_loader_tag', function($tag) {
    return preg_replace("/type=['\"]text\/css['\"]/", '', $tag);
}, 999);

这个写法更清爽，正则会同时匹配单引号和双引号的情况，不用区分引号格式，适合大多数场景。

如果遇到某些插件没有用WordPress标准函数加载资源（直接硬编码输出脚本/样式标签），上面的钩子就失效了。这种情况可以用输出缓冲来全局过滤整个页面的HTML：

add_action('wp_footer', 'init_output_buffer_filter');
function init_output_buffer_filter() {
    ob_start('remove_all_unneeded_type_attrs');
}

function remove_all_unneeded_type_attrs($html_content) {
    // 移除脚本的text/javascript属性
    $html_content = preg_replace("/type=['\"]text\/javascript['\"]/", '', $html_content);
    // 移除样式的text/css属性
    $html_content = preg_replace("/type=['\"]text\/css['\"]/", '', $html_content);
    return $html_content;
}

这个方法会过滤页面所有HTML内容，不管资源是怎么加载的，但要注意测试是否会误删其他地方的type属性（比如表单元素的type），不过W3C警告的都是脚本和样式的类型，所以一般不会有问题。

最后提醒下：修改完代码后一定要清空WordPress缓存和浏览器缓存，确保新的过滤规则生效哦～

内容的提问来源于stack exchange，提问作者Jeremy