网站适用于某些浏览器,但不是全部
Posted
技术标签:
【中文标题】网站适用于某些浏览器,但不是全部【英文标题】:website works in some browsers but not all 【发布时间】:2017-05-15 18:45:26 【问题描述】:为什么我的网站可以在我的手机上运行但不能在我的电脑上运行我尝试了所有的 IE chrome Fire fox 并且我似乎无法从 div 下载图像但是当我使用我的手机时它工作正常(仅限 chome)。怎么了?这是我的网站https://torcdesign.com/mom 有人可以帮我找到一个可以在所有浏览器中使用的解决方案
var download = document.getElementById("download"),
result = document.getElementById("result");
function renderContent()
html2canvas(document.getElementById("content"),
allowTaint: true
).then(function(canvas)
result.appendChild(canvas);
download.style.display = "inline"; download.href = result.children[0].toDataURL();
);
function downloadImage()
document.getElementById("button").onclick = renderContent;
download.onclick = downloadImage
#content
position: absolute;
width: 300px;
height: 200px;
border: 5px solid red;
overflow: hidden;
#img1
width: 300px;
height: 200px;
position: absolute;
z-index: 5;
#img2
position: absolute;
z-index: 6;
width: 150px;
height: 190px;
#img3
position: absolute;
z-index: 7;
width: 200px;
height: 100px;
#download
display: none;
<script src="https://rawgit.com/niklasvh/html2canvas/master/dist/html2canvas.min.js"></script>
<div id="content">
<img id="img1" src="https://torcdesign.com/shirts/brown.jpg">
<img id="img2" src="https://torcdesign.com/shirts/kiwi.jpg">
<img id="img3" src="https://torcdesign.com/shirts/lswhite.jpg">
</div>
<br><br><br><br><br><br><br><br><br><br><br><br>
<input id="button" type="button" value="convert div to image"><br>
<h3>result:</h3>
<div id="result"></div>
<a id="download" download="my_image.png" href="#">Download image</a>
【问题讨论】:
downloadImage
没有函数体?
没有必要。检查行<a id="download" download="my_image.png" href="#">Download image</a>
您的网站似乎可以在 Chrome 和 Firefox 上运行。你确定它不适合你吗?我可以从你的 div 下载my_image.png
。
【参考方案1】:
我认为您可能需要更新大多数浏览器。根据this referencea
标签的download
属性,不同版本的浏览器支持不同的浏览器。
【讨论】:
以上是关于网站适用于某些浏览器,但不是全部的主要内容,如果未能解决你的问题,请参考以下文章
网站的 javascript 适用于 android、windows、linux 和所有浏览器,但不适用于 mac、ios 在任何浏览器上