2013-08-02 31 views
0

我一直在研究PDF閱讀器在android phonegap兩天以來..我剛剛phonegap..child瀏覽器插件正在工作,但PDF文件鏈接是在瀏覽器中出現一個空白頁面。我添加了插件和手機版本的coredova 2.0.0,並添加了插件..我錯了嗎?任何人都可以解決我的問題。提前感謝。兒童瀏覽器沒有顯示在Android手機瀏覽器中的PDF內容

 <!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="width=320; user-scalable=no" /> 
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
    <title>Child Browser Example</title> 
    <script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script> 
    <script type="text/javascript" charset="utf-8" src="childbrowser.js"></script> 
    <script type="text/javascript" charset="utf-8"> 

    // Wait for PhoneGap to load 
    // 
    function Bodyload(){ 
     document.addEventListener("deviceready", onDeviceReady, false); 
    } 
    // PhoneGap is ready 
    // 
    function onDeviceReady() { 
     console.log("PhoneGap is ready"); 
     window.plugins.childBrowser.showWebPage("http://www.google.com/****/"); 
    } 
    </script> 
    </head> 
    <body onload="Bodyload();" id="stage" class="theme">  
    </body> 
</html> 
+0

了window.location = 「MY_URL」;正在使用版本ics但不能在2.2中工作 –

回答

0

由於android webview不支持渲染pdf和childbrowser使用android webview,因此pdf不會得到渲染。 相反,您可以使用一些第三方sdks在Android中進行渲染。 其中大多數需要許可證(如quoppa,pdfViewer)。 我還沒有看到任何開源,但你可以看看到以下鏈接

https://github.com/jblough/Android-Pdf-Viewer-Library

對於您可以使用pspdfkit.They還提供科爾多瓦插件IOS。 請通過以下鏈接。 https://github.com/PSPDFKit/PSPDFKit-Cordova

0

我已經用下面的代碼來解決這個問題.. 先檢查URL字符串最後三個字符,如果這些是PDF的使用,如果條件以其它方式使用其他condition.where WEBURL是要打開的URL。 此解決方案適用於所有Android版本(測試API 9至4.1)。

if(checkPDF ==='pdf'){ window.plugins.childBrowser.showWebPage('http://docs.google.com/viewer?url='+ WebUrl +''); } else { window.plugins.childBrowser.showWebPage(WebUrl); }

0

我認爲這個問題是因爲android自動將「http://」放在你的url前面,如果它不存在的話。但我也不知道如何解決這個問題。 (IM試圖解決這個問題,如果我知道更多,我將它張貼在這裏。)

var yourURL = "data:application/pdf;base64," + btoa(pdfOutput) 
//btoa() makes its value to base64 

window.open(yourURL, "_blank", 
    "location=yes"   //set to no if you do not want to have any url bar 
+ "enableViewportScale=yes" //set to "no" if your target should not zoom the pdf 
); 

輸出地址欄:

http://data:application/pdf;base64,(somecode) 

what we want to reach: 
data:application/pdf;base64,(somecode)