Devtools映射到网络资源突然崩溃

时间:2016-04-05 15:17:27

标签: css google-chrome-devtools

我多年来一直在使用Chrome(最新的稳定构建版本v49)devtools和Serverpress来开发本地Wordpress网站。我没有在将主题文件夹添加到工作空间然后将CSS文件映射到网络资源时遇到问题,所以我可以进行持续更改,直到昨天,当我开始一个新项目并且映射停止工作时。我可以在工作区设置中看到映射设置正确,但它根本没有建立连接 - 在元素面板中而不是编辑本地文件,它让我编辑style.css?v = 4.4 0.2。我疯了,我已经尝试清除所有其他工作空间的文件夹和映射,重新安装了chrome,让我的大脑因为我可能对此造成的任何设置所做的最新更改,以及搜索到的高对于其他人来说问题很低但没有运气。

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

任何帮助都会很棒,

2 个答案:

答案 0 :(得分:2)

嗯,这很荒谬,而且对于任何可能遇到此问题的人,我都可以通过添加一个剥离样式表版本的钩子来修复它。

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 );

答案 1 :(得分:1)

我也注意到了这个问题。这是Chrome团队了解并正在尝试解决的问题。根据我的理解,基本上它完全是巧合,它甚至首先起作用,因为代码没有被编写以容纳带参数的文件。在这里查看Chrome Dev论坛。

Chrome Dev Forum Persistence Topic

在此之前,如果您使用的是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团队解决之前。