Question

我正在尝试在wp7上制作电子书（epub）阅读器。我能够在WebBrowser控件中成功阅读和显示页面，并且工作正常。

现在我正在尝试将html页面分成几部分，以使感觉像电子书阅读。

要按照js分割我正在使用的页面：

void wb_LoadCompleted(object sender, System.Windows.Navigation.NavigationEventArgs e)
{
      int columnCount = (int)Math.Floor(wb.Height / wb.Width) + 1;
      int columnWidth = columnCount * 100;

      String js = "var d = document.getElementsByTagName('body')[0];" +
                "d.style.WebkitColumnCount=" + columnCount + ";" +
                "d.style.WebkitColumnWidth='" + columnWidth + "%';";


       wb.InvokeScript("eval", "javascript:(function(){" + js + "})()");


}

但它不起作用，即使它也没有显示任何错误。为此目的，同样的js在android web视图中工作。

我做错了什么？

Answer 1

CSS3多列布局目前仅作为专有扩展提供（分别为Safari / Chrome和Firefox的Webkit-Column和Moz-Column）。与Opera一样，Internet Explorer目前没有专有的CSS多列布局实现，因此您必须以老式的方式创建列。

好消息是IE 10确实通过实际规范支持它。因此，Windows Phone 8可能会改变这种情况。

Javascript在WP7 WebBrowser中不起作用

1 个答案: