Chrome会在RTL语言网站上显示空白页面,直到调整窗口大小

jet*_*lej 23 google-chrome arabic

我刚刚创建了一个阿拉伯语版本的网站,并注意到Chrome有时会显示一个完全空白的页面,直到窗口调整大小,然后一切都立即可见.

阿拉伯语是RTL语言,因此<html>标签已dir="rtl" lang="ar"添加到其中.这是它与英文网站的唯一区别.

这是网站.您可能需要多次单击徽标才能看到它显示为空白.

小智 7

我也注意到了这个问题,我用英语和阿拉伯语搜索了互联网,但找不到问题的原因.我找到了一个解决方法来修复它; 在rtl指导的网页中使用以下jQuery脚本:

//Chrome RTL UI Issue Fix
$(document).ready(function(){
    $(window).load(function() {
        $( "body" ).animate({
            scrollTop: 1
        });
    });
});
Run Code Online (Sandbox Code Playgroud)

它所做的只是1px在加载了所有页面元素之后才滚动页面.您可以添加一个代码,如果您愿意,可以将其滚动回来.


dow*_*eyt 1

该页面的链接不起作用。该页面在未来主义网站上可用吗?

我下载了 futurism.com 页面并添加dir="rtl" lang="ar"到 html 标签中。我已重新加载页面 50 次。我无法重现该问题。

我的页面副本在带有 Multiviews 的 Apache 上运行。

  • 我添加了阿拉伯语的语言指令。
  • 我有该文件的两个副本,futurism.htm.en 和 futurism.htm.ar
  • 我已将浏览器中的语言设置为阿拉伯语 [ar]。
  • 阿拉伯语页面由 Apache 协商。

页面加载没有问题。

我还使用 Unicode 阿拉伯字母创建了另一个页面。它可以毫无问题地从右到左加载并显示阿拉伯语。