【问题标题】:Displaying external images/pdf in Sencha touch + Phonegap App在 Sencha touch + Phonegap App 中显示外部图像/pdf
【发布时间】:2013-11-18 11:20:29
【问题描述】:

我有一个适用于 ios 和 android 平台的 sencha touch + phonegap 应用程序。它是一种案例管理系统,其中附件附加到案例中。

我想从外部 URL 打开附件(pdf/图像)。

请提出一种在两个平台上都可以做到的方法。我试过 window.open() 但它不起作用。

提前致谢

【问题讨论】:

    标签: android ios cordova sencha-touch-2


    【解决方案1】:

    你可以做 window.open() 但记得添加 inAppBrowser 权限:

    android (app/res/xml/config.xml)

    <plugin name="InAppBrowser" value="org.apache.cordova.InAppBrowser" />
    

    ios (config.xml)

    <plugin name="InAppBrowser" value="CDVInAppBrowser" />
    

    添加缩放:

    window.open(URL, '_blank', 'location=no,enableViewportScale=yes');
    

    如果您使用 phonegap 3,请查看:http://docs.phonegap.com/en/3.0.0/cordova_inappbrowser_inappbrowser.md.html#InAppBrowser

    另一个选项是这个 PDF 查看器面板:https://github.com/SunboX/st2_pdf_panel

    【讨论】:

    • 好的,我让 window.open() 工作,但在 android 中它不能打开 PDF 文件。除此之外,其他一切似乎都运行良好。你能建议一些东西吗?
    • 似乎在 android (childbrowser/inappbrowser) 中只能打开本地 pdf 文件,不能远程打开。你试过我提到的煎茶面板吗?
    • 非常感谢。我这样做会谷歌文档 - 仅适用于 android pdfs。
    • 我又遇到了一个问题,那就是放大 ipad。 window.open 打开从网络服务器流式传输的图像。在应用程序浏览器中不允许缩放。我也试过 enableViewportScale=yes 但它似乎没有工作
    • 考虑 window.open(URL, '_blank', 'EnableViewPortScale=yes') 自 phonegap 2.4 起可用
    【解决方案2】:

    我正在寻找相同的解决方案,我发现如果您想远程打开 pdf,您可能需要添加 google docs 前缀,例如

    window.open("http://docs.google.com/gview?embedded=true&url=" + your_pdf_url, '_blank', 'location=yes');
    

    由于我同时使用 Sencha 和 Phonegap,所以这可能涉及导航问题,没有“完成”或“返回”按钮。当按下“返回”按钮时,pdf 视图消失了,但 Sencha 应用程序将再次加载。这是我试图解决的另一个问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多