2015-01-11 23 views
0

我試圖在Windows Phone 8.1(使用lumia 520)的webview中顯示使用它的NavigateToString方法的web頁面。Windows Phone 8.1 WebView在使用它的NavigateToString方法時未正確顯示頁面方法

我創建了一個HtmlClass類,其中包含以下strings

  1. post_head:頁眉。
  2. css_style:要使用的css代碼。
  3. post_title:顯示帖子標題的html代碼。
  4. post_author:顯示帖子作者的html代碼。
  5. post_content:顯示帖子內容的html代碼。
  6. post_end:身體結束。
  7. script:jquery被使用。
  8. 結束:標記html頁面的結尾。

我創建字符串 「內容」

string content = HtmlClass.post_head + HtmlClass.css_style + HtmlClass.post_title + title + HtmlClass.post_author + author + HtmlClass.post_content + div55.InnerHtml + HtmlClass.post_end + HtmlClass.script + HtmlClass.end; 

div55.InnerHtml要被顯示的內容(sample content code)的HTML代碼,用HtmlAgilityPack萃取。

並使用

Post.NavigateToString(content); 

加載htmlpage在網頁視圖(Post是網頁視圖的名稱)。

我面對的問題是,我的頁面中既沒有CSS也沒有jQuery腳本執行。我試着執行一個簡單的javascript(沒有jquery)funtion(改變按鈕點擊的div的內容),但是那也沒有被執行。

但是當我在webview中使用它的Navigate(Uri url)方法加載test page時,url設置爲我通過apache訪問頁面的地址,並且它正確顯示它。

正確地顯示在Internet Explorer /和在web視圖上使用導航(URI(URL))

Displayed correctly in internet explorer

在網頁視圖

Not correctly displayed in webview

+0

看起來像你的CSS沒有加載。請提供您正在加載的內容的詳細信息。 (使用導航到字符串時有很多限制。) –

+0

@KaiBrummund Css很好,但腳本沒有執行。我甚至嘗試從應用程序包內加載頁面,但它有同樣的問題。 – user3263192

+0

Again:需要內容詳情以獲得進一步幫助。腳本是本地文件嗎?你有沒有嘗試過使用NavigateToLocalStream? –

回答

1

未正確顯示當使用WebViewWebBrowser控制在Windows Phone上,確保您嘗試查看的HTML是帶有有效DOCTYPE的valid HTML document等。

對於Windows Phone 8.1,WebView控件需要@-ms-viewport { width: device-width; }才能正確格式化內容。

<!DOCTYPE HTML> 
<html> 
<head> 
    <style> 
     body { font-size: 16px; } 
     @-ms-viewport { width: device-width; } 
    </style> 
</head> 
<body> 
    <!-- INSERT YOUR HTML HERE --> 
</body> 
</html> 
+0

既不css也沒有jquery被執行。請閱讀更新後的問題。 – user3263192

+0

@ user3263192 JS執行實際上是一個不同的問題 - 你可以發佈你想呈現的HTML源代碼嗎? –

相關問題