我需要从 window.open 方法保存一个 html 文件,document.execCommand('SaveAs', null, 'abc.html');
解决 Internet Explorer 中的目的,但相同的脚本在 Microsoft-Edge(铬)中不起作用。
我习惯于Window.showSaveFilePicker()
将文件保存在 chrome 中,但我可以传递一个硬编码的字符串。我需要从Window.Open
HTML 文件中获取数据并使用 microsoft-edge 保存。
需要知道可以在 Internet Explorer 和 Microsoft-Edge (chromium) 中使用的通用代码
谢谢
//索引.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="Index.js"></script>
</head>
<body>
<button type="button" onclick="onSaveInIE()">In IE</button>
<button type="button" onclick="onSaveInChrome()">In Chrome</button>
</body>
</html>
//索引.js
function onSaveInIE() {
var csvWindow = openNewWindowObj();
csvWindow.document.execCommand('SaveAs', null, 'abc.html');
csvWindow.close();
}
function openNewWindowObj() {
var newWindowObj = window.open("window.html", "New popup Window", 'height=200,width=150')
newWindowObj.focus();
return newWindowObj;
}
async function onSaveInChrome() {
let fileHandle = await window.showSaveFilePicker();
const writeable = await fileHandle.createWritable();
await writeable.write("DummyData");
writeable.close();
}
//window.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<b>From popup window</b>
</body>
</html>