iT邦幫忙

DAY 17
0

Chrome Extension 開發筆記系列 第 14

Chrome Extension 筆記(17)將網頁保存成單一 mht 檔, 方便離線查看

  • 分享至 

  • xImage
  •  

其實自從用了 Evernote 後,
就很少有需要將整個網頁存起來的需求了,
不過 mht 還是有它的方便性在, Chrome 也有提供簡單的方式來下載
manifest.json

{
   "manifest_version": 2,
   "name": "ironman6",
   "version": "1.0",  
   "browser_action": {
      "default_title": "Day 17"
   }, 
   "background": {
      "scripts": ["background.js"],
      "persistent": false
   },
   "permissions": [
      "pageCapture"
   ]
}

background.js

chrome.browserAction.onClicked.addListener(function(tab) {
	chrome.pageCapture.saveAsMHTML({tabId: tab.id}, function (mhtml){
		var url = window.URL.createObjectURL(mhtml);
		var title = tab.title;
		download(url, title + '.mhtml');
	});
});


function download(url, fileName){
    var a = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
    a.href = url;
    a.download = fileName;
    var e = document.createEvent('MouseEvents');
    e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    a.dispatchEvent(e);
}

雖然 mht 可以直接拖拉到 Chrome 檢視,
但卻不能在 iframe 裡面使用,
之前想做相關應用時感覺很不方便.


上一篇
Chrome Extension 筆記(16)取得臨時的 Tab 權限 "activeTab"
下一篇
Chrome Extension 筆記(18)訂製右鍵選單(ContextMenus)
系列文
Chrome Extension 開發筆記27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言