I am trying to run an image gallery viewer. It currently works as expected in Google Chrome.
I have moved it to a windows phone to test the mobile Edge browser. The HTML, CSS and JavaScript all appear to be functioning but the img tags appear to be having some problems and aren't loading.
I have browsed the official Microsoft Forums regarding Edge etc. and can't find anything related to this issue.
Then simplified the code, and gives same error, that img tags dont show the actual img.
<html>
<head></head>
<body>
<img src='p0.jpg'>
<p></p>
<script>
document.querySelector('p').textContent = document.querySelector('img').src
</script>
</body>
</html>
When I view it in the browser, I see a small "broken image" icon in the far left corner, under: file:///C:/Data/Users/Public/Documents/Gallery/pictures/p0.jpg
How do I show it in local (mobile) reference? Is there a problem with the image file? And how should I test websites for overall user experience as though I was a mobile viewer?
Aucun commentaire:
Enregistrer un commentaire