javascript – Google Chrome扩展程序：无法启动“打印”对话框

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Google Chrome扩展程序：无法启动“打印”对话框，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1327字，纯文字阅读大概需要2分钟。

内容图文

我想在我的谷歌浏览器扩展程序中点击按钮启动打印对话框.当扩展程序的html文件作为独立文件打开时,代码似乎正在工作,但是当它作为扩展名加载时则不行.

HTML：
< input id =“print_page”type =“button”value =“Print”onclick =“print_p()”/>

JavaScript：function print_p(){window.print();}

知道什么是错的吗？

解决方法:

除了我作为重复提到的内联JavaScript问题之外,似乎无法从弹出窗口(或后台页面)调用打印对话框.

解决方法是在扩展中有一个“打印助手”页面,该页面在普通选项卡中打开,可以打开打印对话框.

可能的架构：

>在弹出窗口中单击,要打印的数据将发送到后台页面：

function printClick(){
  chrome.runtime.sendMessage({ print: true, data: whateverYouWantToPrint });
}

它通过后台页面进行路由,因此您不必担心弹出窗口关闭.
>在后台页面中,打开一个帮助页面：

var printData;

chrome.runtime.onMessage.addListener( function(request, sender, sendResponse){
  if(request.print) {
    printData = request.data;
    chrome.tabs.create(
      { url: chrome.runtime.getURL("print.html") }
    );
  }
  // ...
});

>在打印助手页面中,脚本print.js请求数据,根据需要对其进行格式化并调用打印对话框：

chrome.runtime.sendMessage({ getPrintData: true }, function(response){
  formatDataIntoPage(response.data);
  window.print();
});

>返回后台页面,根据打印助手的请求提供数据：

chrome.runtime.onMessage.addListener( function(request, sender, sendResponse){
  // ...
  if(request.getPrintData) {
    sendResponse({ data: printData });
  }
});

内容总结

以上是互联网集市为您收集整理的javascript – Google Chrome扩展程序：无法启动“打印”对话框全部内容，希望文章能够帮你解决javascript – Google Chrome扩展程序：无法启动“打印”对话框所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端