A PDF Viewer Panel - No Browser Plugin required, pure JavaScript

**SunboX** · 3 Sep 2012, 9:01 AM

Originally Posted by kmayank

Hi,

I have tried it both ways nothing works and if you open the example in mobile browser the pdf doesn't load, it displays loader endlessly.

thanks

Works for me. Have tried it using a Galaxy Nexus S with Android 4.0.4 installed:

Foto 03.09.12 18 50 28.jpg

Sry, can�t help you by now.

**morphew** · 3 Sep 2012, 11:04 PM

Originally Posted by SunboX

Hi, sry I didn�t have tested that. Seems like chrome can�t load the file from local file system. Maybe it�s a permission problem.

I think the problem is that Safari (on iPad) does not cache such files even if you write them to the manifest. I have the same problem with a simple video. It doesn't get cached and therefore cannot be loaded from cache. Because the caching of all files is a key requirement of my project I just cannot go with Sencha here. Anyways. Thank you very much for your effort and all the best!

**biggbest** · 4 Sep 2012, 1:10 AM

Thank you for that work, I was looking for the plugin since a while !

However, when built for iPhone / iPad with PhoneGap (Cordova), there is an error, the log begin with :

Code:

AppDelegate::shouldStartLoadWithRequest: Received Unhandled URL

Everything is loaded except the pdf, so no text is displayed, just 14 whites pages (with the your pdf link).

An idea to make it working ? :-(

**SunboX** · 4 Sep 2012, 1:36 AM

Hm seems like Cordova can't handl the URL. I have to look into it. But this will take some time. Btw. rendering a PDF on Canvas on Android and iOS isn't rally performant.

And it looks blurry. This PDF Panel shouldn't be used for production by now. It was a test, but doesn't work very well. Maybe we can try again in a year or so, as devices get more performant.

**biggbest** · 4 Sep 2012, 1:42 AM

We need to handle this kind of panel in our application, you plugin does the stuff so, even if it's blurry, it's pretty perfect. Of course, whithout working in Cordova, it's less useful for us.

I didn't found a good alternative yet

**SunboX** · 4 Sep 2012, 1:51 AM

Ok, I should get it working in Cordova. But don't have time to look at it this week. Maybe next WE.

A alternative could be using an iFrame container. Maybe porting Ext 4 "Managed iFrame" extension to ST2.

**biggbest** · 4 Sep 2012, 3:52 AM

Hehe, thank you if you find a way to make it working with PhoneGap :-)

About the iFrame method, I've tried some months ago, but I had trouble to make things zoomable, scalable, etc. I will take a look at Managed iFrame, even if I'm not a ST expert, and don't know much more things about Ext JS.

**SunboX** · 5 Sep 2012, 9:05 AM

A small update on PhoneGap/Cordova Support

The bundled PDF get�s loaded by now, but it seems to get messed up by converting the DataURL (base64 encoded) to an ByteArray (data stream). I have to investigate a bit more ...

https://github.com/SunboX/st2_pdf_pa...onegap-support

greetings Sunny

**SunboX** · 5 Sep 2012, 12:08 PM

Seems like PhoneGap/Cordova can�t handle "data" URL�s.

These are required by Mozilla�s PDF.JS to render a PDF page (injecting fonts into canvas).

Does anyone know a work around?

https://github.com/SunboX/st2_pdf_panel/issues/1

Same issue described here:
https://groups.google.com/forum/?fro...ap/EqjMcmO1Ez4
and here:
http://pastebin.com/XXUYvJQX

**SunboX** · 5 Sep 2012, 12:58 PM

This Test Case will fail in PhoneGap/Cordova:

Code:

<!DOCTYPE HTML>

<html>
<head>
    <meta charset="utf-8">
    <script>
    
        var src = '<!DOCTYPE HTML><html><head><meta charset="utf-8">';
        src += '</head><body>';
        src += '</body></html>';
        
        var frame = document.createElement('iframe');
        
        frame.src = 'data:text/html,' + src;
        
        frame.setAttribute('style',
                         'visibility: hidden;' +
                         'width: 10px; height: 10px;' +
                         'position: absolute; top: 0px; left: 0px;');
        
        document.body.appendChild(frame);


    </script>
</head>
<body>
</body>
</html>

Thread: A PDF Viewer Panel - No Browser Plugin required, pure JavaScript

Thread Tools

Search Thread

Display

Doesn't work with PhoneGaped application

Posting Permissions