Devtools映射到网络资源突然中断



多年来,我一直在使用Chrome(最新稳定版本v49)的开发工具和Serverpress来开发本地Wordpress网站。我从未遇到过将主题文件夹添加到工作区,然后将CSS文件映射到网络资源的问题,这样我就可以进行持久的更改,直到昨天,我开始了一个新项目,映射停止了工作。我可以在工作区设置中看到映射设置正确,但它根本无法建立连接——在元素面板中,它没有编辑本地文件,而是让我编辑style.css?v=4.4.2.我快疯了,我试着清理了所有其他工作区文件夹和映射,重新安装了chrome,绞尽脑汁寻找最近对可能导致这种情况的设置所做的更改,并到处寻找其他有问题的人,但没有成功。

我注意到的另一件事是,当我试图将本地文件映射到系统资源时,我想要映射的正确样式表会出现在列表中。但是,当我尝试将"远程"样式表映射到本地文件时,选项列表为空。

任何帮助都将是惊人的,

好吧,这很荒谬,也是一个破解,但对于其他可能遇到这个问题的人来说,我可以通过添加一个钩子来修复它,该钩子可以剥离样式表版本。

function remove_cssjs_ver( $src ) { if( strpos( $src, '?ver=' ) ) $src = remove_query_arg( 'ver', $src ); return $src; } add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 ); add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );

我也注意到了这个问题。Chrome团队已经意识到并正在努力解决这个问题。据我所知,基本上这完全是巧合,它甚至在一开始就起作用了,因为编写代码并不是为了容纳带有参数的文件。点击此处查看Chrome开发者论坛。

Chrome开发者论坛持久性主题

在此之前,如果您正在使用Wordpress,并且确实希望此功能发挥作用,请将wp_enqueue_style中的版本号替换为null,如下所示:

从此

wp_enqueue_style ( 'customstyle', get_template_directory_uri () . '/css/custom.css', false, '1.0', 'all' );

到此

wp_enqueue_style ( 'customstyle', get_template_directory_uri () . '/css/custom.css', false, null, 'all' );

这应该可以解决你的问题,至少在DevTools团队解决之前。

最新更新