菜鸟教程小白 发表于 2022-12-13 00:35:23

javascript - Cordova/Phonegap 通过 JavaScript inappbrowser 打印


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

<pre><code>window.location = https://*****.**;
</code></pre>

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

<pre><code>window.print();
</code></pre>

<p>但它在 Cordova/Phonegap 的包装网络应用程序中不起作用。 </p>

<p>我知道有这个插件> 但是那些需要 js/html 代码在本地才能工作,对吧?</p>

<p>有什么建议可以在我的应用中提供打印功能吗?非常欢迎任何建议,希望有一个简单的方法!</p>

<p>谢谢!</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>我知道这是一个老问题,但到目前为止还没有回答,我遇到了同样的问题。</p>

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

<p><strong><em>或</em></strong></p>

<p>如果你想打印当前页面,只需将内容放入一个局部变量中,然后发送给你的打印插件。</p>

<p> <a href="https://github.com/hazemhagrass/phonegap-print" rel="noreferrer noopener nofollow">https://github.com/hazemhagrass/phonegap-print</a> </p>

<p>您可以使用 jQuery $.ajax、XmlHttpRequest 或任何您想将 html 字符串放入本地变量的方法。</p>

<p>示例用法(需要 jQuery):</p>

<pre><code>$.get(&#39;https://*****.**&#39;,function(html){
    window.app.print(data,
      function(){
            console.log(&#39;success&#39;);
      },
      function(){
            console.log(&#39;error&#39;);
      }
    );
});

***OR***

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

window.app = window.app || {};
window.app.print = function(html,successCallback,errorCallback) {
    successCallback = successCallback|| function(){};
    errorCallback = errorCallback|| function(){};
    var type = &#34;text/html&#34;;
    var title = &#34;test.html&#34;;
    var fileContent = html;
    window.plugins.PrintPlugin.print(
      fileContent,
      successCallback,
      errorCallback,
      &#34;&#34;,
      type,
      title
    );
};
</code></pre></p>
                                   
                                                <p style="font-size: 20px;">关于javascript - Cordova/Phonegap 通过 JavaScript inappbrowser 打印,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/25219472/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/25219472/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: javascript - Cordova/Phonegap 通过 JavaScript inappbrowser 打印