管理面板中的JS冲突-我猜是核心WP安装引起的

时间:2013-10-12 作者:Mayeenul Islam

一个客户端的站点:造成严重的js冲突或js加载障碍,正在保管中。激活调试、停用所有插件和激活默认主题“T13”发现,问题仍然存在。调试完全正常-没有残疾或mis功能。它是在一个旧的WP版本中,我更新了所有内容-所以现在它都更新了。(WP版本3.6.1,从今天起)

Symptoms

无法添加/编辑任何帖子/页面内容;没有加载默认编辑器,甚至无法切换到HTML模式,因为选项卡不工作,悬停时子菜单没有打开,假设我想转到Widgets页面,那么我需要单击外观链接,然后单击Widgets链接。悬停在那里不起作用

我该如何处理旧数据库?如何将所有帖子等导入到WordPress的新安装中,以便让它们与新的WP安装配合良好—简单的WordPress导入(工具导入)可以解决问题,还是会导致更大的问题

如何解决wp admin中的js冲突或js加载障碍

2 个回复
最合适的回答,由SO网友:Mayeenul Islam 整理而成

线程状态:PARTIALLY SOLVED!

对我来说,这是一次美好的旅程kaiser, s1lv3rRarst 通过调试。

首先,我试过this thread 根据s1lv3r的建议:

清除的缓存和所有脱机数据都使用了Chrome的incognito窗口,但在所有必要的测量之后,我发现仍然存在两个错误(不是在前端,而是在wp管理端);谷歌Chrome中使用的开发工具—kaiser建议后的“资源”选项卡(+控制台):

  • Uncaught SyntaxError: Unexpected token ILLEGAL 在…上load-scripts.php 第3行Uncaught SyntaxError: Unexpected token var 在…上load-scripts.php 在第10行,第一天的讨论结束了,没有解决方案。第二天,我们回到了同样的状态。那一次遇到了拉斯特。和一个nice suggestion 从Rarst中,我将script\\u debug添加到wp_config.php:

    define(\'SCRIPT_DEBUG\', true );
    
    我可以进入那些我无法进入的有问题的区域。但Rarst提醒我:

    这并不是真正的“修复”,只是开发版本的脚本和禁用的concat可以工作。很难说,concat很混乱,需要进行大量调试才能了解出了什么问题

    然后我在谷歌上搜索发现this thread helpful 了解SCRIPT_DEBUG. 总之,作为caseyctg 表示:

    。。。通过将其添加到wp配置文件中,您实际上只是在使用javascripts和css的未精简版本。因此,在我看来,问题的核心实际上在css和javascript中。但是,如果您将这一行代码添加到配置文件中,那么您只是在脚本和css中添加了额外的文件大小

    SEE Codex for more information on SCRIPT_DEBUG »

    可能的解决方案-我们正前往

    为了找到一个简单的解决方案,我们(办公室工作人员)找到了一个解决方案:
    我们将为他们的主域安装一个新的WordPress和一个新的主题以及一个新的无拥挤插件集:http://example.com. 对于我们的主题,旧的数据存储过程将不起作用,因为我们使用不同的方法设计了WP报纸框架。因此,最后,我们将在旧数据库中和平地驻留一个子域,如:http://archive.example.com 带有指向新站点存档模板侧栏的链接。我们希望它不会打扰读者。

SO网友:kaiser

WP中的脚本调试SCRIPT_DEBUG 用于在JavaScript文件的缩小版本和未缩小版本之间切换。但还有更多。

$文件。检查您是否正在使用CONCATENATE_SCRIPTSCOMPRESS_SCRIPTS 也默认情况下,这两种脚本都只由核心管理员使用,但我在主题中也使用它来检查我正在加载的脚本包。因此,请注意它,设置它并查看以下示例。

$extensionJS = (
    ( defined( \'COMPRESS_SCRIPTS\' ) AND COMPRESS_SCRIPTS )
    AND ( defined( \'CONCATENATE_SCRIPTS\' ) AND CONCATENATE_SCRIPTS )
    AND ! ( defined( \'SCRIPT_DEBUG\' ) AND SCRIPT_DEBUG )
)
    ? \'.min\' : \'\';
$文件。为了完整起见,这里有一个css示例

$extensionCSS = ( defined( \'COMPRESS_CSS\' ) AND COMPRESS_CSS ) ? \'.min\' : \'\';
你不需要它

无论如何,既然我们有了Google Chrome开发工具,在压缩版本和未压缩版本之间切换是毫无意义的——只要你没有使用“uglify”这样的缩小过程来重命名变量以缩短它们——因为GC得到了“漂亮的打印”。请参见“源”选项卡中的以下示例(点击“元素”选项卡中的脚本链接以在此处打开文件)使用LiceCap制作的图像

Google Chrome Dev Tools: Pretty Print

结束

相关推荐

如何在WordPress中包含调整大小的javascript/jQuery图像?

我不想在我的wordpress主题中包含此脚本,使其根据当前窗口高度调整帖子内所有图像的大小:https://github.com/gutierrezalex/photo-resize我在文本编辑器中创建了一个基本的测试页面,它可以很好地调整图像的大小。然而,当我试图将其应用/包括在我的wordpress主题中时,我根本无法使其发挥作用。