如何无需右键、不刷新页面保存已加载完成的网页全景图片

• 方法1：通过开发者工具元素面板直接提取
  按F12或Ctrl+Shift+I（Mac设备为Command+Option+I）打开开发者工具，切换到**元素（Elements）**面板，点击左上角的选择元素箭头图标，直接点击页面上的全景图区域，即可快速定位到对应资源标签：
  • 若定位到<img>标签：直接复制src属性的链接，在新标签页打开后右键即可保存
  • 若定位到<canvas>标签（街景全景多为canvas渲染）：直接在该标签上右键，选择「存储为」即可导出当前画布的完整图片
• 方法2：通过控制台命令导出canvas图片
  如果网站拦截了canvas右键操作，切换到开发者工具的**控制台（Console）**面板，输入以下代码执行后会自动触发图片下载：

const targetCanvas = document.querySelector('canvas');
const downloadLink = document.createElement('a');
downloadLink.download = 'saved-panorama.png';
downloadLink.href = targetCanvas.toDataURL('image/png');
downloadLink.click();

• 方法3：系统长截图方案
  如果上述操作被网站权限限制，可直接使用系统自带的截图功能留存：Windows按Win+Shift+S唤出截图工具选择对应区域，Mac按Command+Shift+4框选全景区域即可直接保存。

内容的提问来源于stack exchange，提问作者Mahir