Elementor 打不开卡在加载屏幕上的原因和解决方法

在使用Elementor编辑页面时卡住并显示灰色页面。如下面这种：

可能原因及解决方案

编辑页面会产生冲突

如果在使用 Elementor 进行编辑时出现灰色页面，可能是由于与以下面的任一插件发生冲突导致的：

• 已安装启用的其它插件
• 主题中插入的脚本

请按照以下步骤解决此问题：

1.激活安全模式。检查一下能不能解决问题。

• 如果有帮助，一个一个的停用除 Elementor 和 Elementor Pro 之外的插件，以找出导致问题存在的插件。 
• 如果这没有帮助，要联系Elementor官方解决。

2.尽可能解决与其他插件的不兼容问题。

3.如果发现插件有任何不兼容情况，可以用功能类似的插件替换，或者联系该插件的官方。

浏览器安装了附加组件

如果浏览器上安装了插件或者其它的一些拓展应用程序，页面可能会卡住并显示灰色页面。 要解决此问题也比较简单；切换到另一个浏览器试试，比如苹果浏览器 。

主题使用预加载器

如果主题使用预加载器，某些主题附带预加载器，可能会影响 Elementor 的编辑，导致屏幕看起来空白。需要在主题选项或定制器中禁用预加载器。

X框架限制和跨域问题

X 框架限制和跨源问题，页面可能会卡住并显示灰色页面。我们验证是不是这个原因导致的，可以按照下面操作步骤排查：

1. 在浏览器上，右键单击，然后选择“检查”。
2. 单击控制台。错误消息用红色标记。

Cloudflare 用户加载 Rocket Loader 需要一些时间

如果使用 Cloudflare，可能需要关闭 Rocket Loader 或向 Cloudflare 添加规则。激活 Rocket Loader 后，需要一些时间来加载 Elementor 编辑器。这会导致卡在灰色加载页面上。 

要解决这个问题，按下面步骤操作即可： 

• 在更新插件之前清除缓存。 Cloudflare 的缓存可能会阻止浏览器识别新版本的 Elementor 和 Elementor pro。
• 在 Cloudflare 中创建规则。有关详细信息，可以阅读Elementor 和 Cloudflare Rocket Loader。 

Elementor 和 Elementor Pro 的不兼容版本

如果同时使用 Elementor 和 Elementor Pro 的免费版本，要确保版本兼容。将新版本与旧版本一起使用可能会导致冲突。由于新版本可能使用旧版本无法识别的代码或功能。将两者（Elementor 和 Elementor Pro）更新到最新版本。