我多年来一直在使用Chrome(最新的稳定构建版本v49)devtools和Serverpress来开发本地Wordpress网站。我没有在将主题文件夹添加到工作空间然后将CSS文件映射到网络资源时遇到问题,所以我可以进行持续更改,直到昨天,当我开始一个新项目并且映射停止工作时。我可以在工作区设置中看到映射设置正确,但它根本没有建立连接 - 在元素面板中而不是编辑本地文件,它让我编辑style.css?v = 4.4 0.2。我疯了,我已经尝试清除所有其他工作空间的文件夹和映射,重新安装了chrome,让我的大脑因为我可能对此造成的任何设置所做的最新更改,以及搜索到的高对于其他人来说问题很低但没有运气。
我注意到的另一件事是,当我尝试将本地文件映射到系统资源时,我想要映射的正确样式表出现在列表中。但是,当我试图映射“遥控器”时,样式表到本地文件,选项列表为空。
任何帮助都会很棒,
答案 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团队解决之前。