When I launch Firefox OS 1.3 simulator from app manager; the simulator gets launched but its showing a black screen only.
Is there something I missed out while launching?
Note: I am using Firefox 30.
There are various reasons to show black screen in Firefox OS Simulator. I recommend you install up-to-date version as like 1.4.
Very strange you have tried to reinstall the simulator?
Looks like we both are facing same issue.Do you see the black screen after the "based on Mozilla Technology" splash screen?Please check below question that i posted.Also try out some of the steps suggested there.
Firefox OS 1.3 simulator doesn't work.(runs but shows a black screen)
Related
I recently deployed a website after testing for responsiveness in chrome developer tools that displays correctly in chrome developer tools and on mobile in Firefox but not chrome.
Here's what it looks like in the developer tools.
Here's what it looks like on chrome on a mobile device.
You can see that the background image is gone and the header image is off to the left.
I thought it might be because of an older version of chrome so I managed to get a look at it on a newer version of chrome.
So on this newer one the picture is no longer to the left but the background is still missing.
So it works when I'm viewing the website on a desktop and reduce the size to mobile and on Firefox but breaks in chrome on mobile.
I've tried different versions of chrome, uninstalling and reinstalling chrome, using both the chrome and firefox developer tools and I've also tried finding similar questions already answered on Stack Overflow and the most similar says to make sure to have
<meta name="viewport" content="width=device-width, initial-scale=1"/>
which I have and I even saw a post saying to add maximum-scale=1 which I tried.
Since it works fine in the developer tools I've been flying blind trying things and redeploying.
I run into the same problem, today is 2020-03-09...
It seems the #media query does not work in chrome in my iPhone SE, but safari is OK.
Also the app 'Google' is working too, you can search it from app store, it has a big 'G' with 4 colors, red/yellow/green/blue, as its symbol.
You mentioned that you're using an Android device. Try remote debugging. This lets you inspect the page as it was truly rendered on your mobile device, from a DevTools window on your desktop.
For iOS see Inspecting Safari. Unfortunately I couldn't find an official doc.
I connected my iPad device running iOS 9 beta version to Mac Running Yosemite 10.10.5 and not getting option to inspect in Safari 8.0.8 under Develop menu.
Things i did
In device settings->safari->Enabled Web inspector and JavaScript.
In Safari preferences on Mac machine enabled "Show Develop menu in
menu bar".
Any help is appreciated.
Thanks
Not sure about iOS9, but for previous versions you needed to use new beta version of desktop Safari to debug beta version of mobile Safari. Probably this is the same problem.
I am using polymer paper elements in my polymer app. Its looking great in all desktop browsers. I tried this demo in all browsers. It working nice in some android phones (samsung s4). But in some android phones, I could not see anything (Tested using chrome and default android browser on samsung gt i9070, Micromax A90). I tried to load URL of mentioned demo on android webview, It was not working in many phones (Micromax canvas A114).
I gone through browser compatibility page Which shows, It supports in chrome android. but not observed by me. Is this observed by others ?
I need to debug a Javascript on iPad Safari (iOS-6). I guess this can be done using remote debugging by connecting it to the Mac (or using a xCode iPad or iPhone simulator instead of connecting an actual iPad). I also need to turn on Safari->Advanced->WebInspector on the iPad and Safari->Preferences-> Advanced ->check the "show Develop menu in the menu bar" option in my macbook. And then when the Develop option appears in the top Safari toolbar (I dont know the exact terminology for this) I should be seeing my iPad there and then can start remote debugging. Now everything is fine except the fact that I cant see the ipad (or the simulator as I tried both option) in the Develop option in Safari. Any ideas/thought what am I missing here?
You must have at least Safari 6+
Looks like you can't on Windows unless you're doing some form of emulation--
http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html
"Important: You can only inspect apps on devices that have been transferred to your device from Xcode. You cannot inspect apps that have been downloaded from the App Store, even if it is your app."
You also need OSX 10.7 and safari 6, which doesn't exist for windows yet. :(
It appears that the excellent carousel library ContentFlow has reflection issues with Chrome on Mac (I am using Lion). Seems to be fine on PC. Visit http://www.jacksasylum.eu/ContentFlow/ in Chrome and you'll see in the example the images are incorrectly mirrored with a shady part at the top as per the below screenshots. Is there a fix / workaround? It doesn't seem that there is active development on ContentFlow anymore, which is a shame.
I'm using Chrome 16.0.912.75, on Mac (Lion)
****EDIT**** Screenshots
Proper (from Safari)
Broken (from Chrome)
There's an issue open here: http://code.google.com/p/contentflow/issues/detail?id=34
People tried different things, but it breaks on Windows' Chrome :(