javascript - Cordova/Phonegap 通过 JavaScript inappbrowser 打印

Question

我想从我正在开发的 iPad 应用程序中打印一页(或几页)。应用程序启动时做的第一件事是通过以下代码加载外部网站:

window.location = https://*****.**;

我现在想从这个外部网站打印一些东西(在 iPad 上的 Safari 中效果很好)。试试这个简单的代码

window.print();

但它在 Cordova/Phonegap 封装的 Web 应用程序中不起作用。

我知道这里有插件 > 但那些需要 js/html 代码在本地才能工作，对吧？

关于如何在我的应用程序中提供打印的任何建议？非常欢迎任何建议，希望有一个简单的方法!

谢谢!

Answer 1

我知道这是一个老问题，但到目前为止还没有得到解答，我遇到了同样的问题。

通过 ajax 将您正在访问的页面加载到本地 javascript 变量中，并将包含您要打印的 html 的本地变量发送到打印插件的打印功能。

或

如果您想打印当前页面，只需将内容放入局部变量并将其发送给您的打印插件即可。

https://github.com/hazemhagrass/phonegap-print

您可以使用 jQuery $.ajax、XmlHttpRequest 或任何您想要将 html 字符串放入局部变量的方法。

示例用法(需要 jQuery):

$.get('https://*****.**',function(html){
    window.app.print(data,
        function(){
            console.log('success');
        },
        function(){
            console.log('error');
        }
    );
});

***OR***

var html = $('body').html();
window.app.print(html,
    function(){
         console.log('success');
    },
    function(){
         console.log('error');
    }
);

window.app = window.app || {};
window.app.print = function(html,successCallback,errorCallback) {
    successCallback = successCallback|| function(){};
    errorCallback = errorCallback|| function(){};
    var type = "text/html";
    var title = "test.html";
    var fileContent = html;
    window.plugins.PrintPlugin.print(
        fileContent,
        successCallback,
        errorCallback,
        "",
        type,
        title
    );
};