<link rel="stylesheet" href="scripts/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="scripts/jquery-1.7.1.min.js" ></script>
<script type="text/javascript" src="scripts/jquery.mobile-1.0.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="scripts/phonegap-1.3.0.js"></script>
images address: images/ajax-loader.png
I'm using phonegap and jquery trying to run this simple app i wrote on windows phone 7.
it has no problem running on chrome /ios (images displaying properly) but when i run on win phone 7, images can't be found by jquery.mobile-1.0.min.css, it just displayed as a grey dot on window phone 7 emulator.
set the images 'Build Action' as 'Content' will solve the issues
Related
In Firefox 53 on macOS, a simple video autoplay attribute isn't working. No problem in any other browser, on macOS or Windows 10. The page code couldn't be simpler:
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>Video Autoplay</title>
</head>
<body>
<h1>HTML5 Video<br>This should autoplay in all browsers</h1>
<video src='../media/wildlife.mp4' width='640' height='360' controls poster='../media/wildlife.jpg' autoplay></video>
</body>
</html>
Anyone have any idea what the issue is? To be clear, I'm not talking about iOS or Android - this is a laptop/desktop issue only.
It seems that I had done some tinkering in about:config, which disabled the video autoplay. A "refresh" of Firefox cured the problem.
User error. ;)
I have created some favicons using realfavicongenerator and I have checked them with the same page. Everything looks right, but when I add a tile in Windows 8.1, it takes another favicon and uses a default tile color.
My code:
<!-- Touch Icons - iOS and Android 2.1+ 180x180 pixels in size. -->
<link rel="apple-touch-icon" href="resources/favicons/apple-touch-icon.png">
<!-- Firefox, Chrome, Safari, IE 11+ and Opera. 192x192 pixels in size. -->
<link rel="icon" href="resources/favicons/favicon.png">
<!-- Android Chrome M39+ -->
<link rel="manifest" href="resources/favicons/manifest.json">
<meta name="theme-color" content="#2d89ef">
<!-- Windows 8 / IE 10 -->
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="msapplication-TileImage" content="resources/favicons/mstile-144x144.png">
<!-- Windows 8 / IE 11 -->
<meta name="msapplication-config" content="resources/favicons/browserconfig.xml">
Furthermore, I have favicon.ico in the root.
Browserconfig.xml:
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square70x70logo src="resources/favicons/mstile-70x70.png"/>
<square150x150logo src="resources/favicons/mstile-150x150.png"/>
<square310x310logo src="resources/favicons/mstile-310x310.png"/>
<wide310x150logo src="resources/favicons/mstile-310x150.png"/>
<TileColor>#2d89ef</TileColor>
</tile>
</msapplication>
</browserconfig>
I have also tried with all the content in the root (with the right paths), but nothing changes.
For Windows 8.1 I'm using the white silhouette option with a blue tile. But what I get is the favicon that is shown in the browser with the default tile color.
In the head I have:
<meta http-equiv="X-UA-Compatible" content="chrome=IE7">
<!--[if IE 7]>
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"> </script>
<script type="text/javascript">
window.attachEvent("onload", function(){ CFInstall.check({ mode: "overlay", destination: "http://www.websitename.com" }); });
</script>
<![endif]-->
When the site loads, if you don't have Chrome Frame installed it does prompt you to install it. You can then install Chrome Frame but when it is done installing, the site still does not display. I can see the difference in other sites that use Chrome Frame before and after I have installed it so I know that Chrome Frame is actually installing and working. I do get a message saying
An error has occurred in this dialog
Error:153
Unspecified error
Any thoughts would be very helpful and appreciated
I am testing a page locally, in IE8 and the html5shim is not loading properly.
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
If I load the "html5.js" directly from my computer it works - src="html5.js"
If I load the "html5.js" from an external server of mine, it also works - src="myserver.com/html5.js".
If I upload the page online and test it in IE8 it works ok.
What can be causing this problem locally ?
I'm inserting an <audio> tag into a page. This works fine in Chrome and Safari on Mac, but on both Chrome and Safari in Windows the tag is inserted but the audio never plays. I've stripped the code down to the minimum, and it's now ridiculously simple. I just have no idea why Windows is being difficult.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
test
</title>
<script type="application/x-javascript" src="js/jquery-1.4.2.min.js" charset="utf-8"></script>
</head>
<body>
<script type="application/x-javascript">
$('body').html('<audio src="./audio/myfile.mp3" autoplay></audio>');
</script>
</body>
</html>
Interestingly, if I remove all JS and just insert the <audio> tag into the <body>, Chrome Win works but Safari Win still doesn't. Kind of a secondary question, but does Safari Win require QuickTime (not currently installed) in order to use the <audio> tag?
does Safari Win require QuickTime (not currently installed) in order to use the tag
Yes it does.