I have a responsive web application which is used across Ios/Android/Desktop, The Editor from Primefaces does not seems to work in Chorme/Safari on IOS Mobile devices (Ipad/Iphone), Trying to debug it I found out that it shows the source (the text that is displayed when the 'show source' button is clicked). Editor Screenshot
Related
unable to locate the mobile app locators with uiautomatorviewer
Hi, i'm new to appium. i'm learning the appium basics and i'm facing a issue with uiautomatorviewer. i opened a android app in my mobile and i took screen shot of that app page. and when i tried to find the element locators with that it is showing the locators of mobile menu like "amazon,Skype,flipkart" etc menu. how to overcome this?
in the attached screen shot you can find the details
I've run many tests for mobile including using Google Chrome and Safari's Responsive Design mode with the iPhone 6 setting, however, a link with an icon is showing up differently on my actual iPhone 6.. does anyone know how I can get the same result on my browser so I can tweak the CSS so the icon doesn't go underneath? Thanks
This is what shows up on the tests in the browsers
This is what shows up on the actual iPhone 6..
The Safari 11 beta 6 Web Inspector has a feature I want: the ability to retain items in the network tab after navigating to the next page. Unfortunately, it also appears to have a bug: it can no longer find "inspectable applications" in the devices area of the Develop menu. Same problem with Safari Technology Preview Release 38.
For Safari windows on the Mac, that's not a problem; I can control-click and Inspect Element and I'm in business. But for troubleshooting pages on a device, I'm hosed -- this was the only way I knew to open up the Web Inspector against an external device.
This isn't a problem of losing the "Web Inspector" setting on my phone (that's still checked), and as you can see in the photo, even the desktop browser itself doesn't show the currently open windows.
I'm trying to debug a problem with mobile Safari.
I'm using the desktop Web Inspector and a connected iPhone, and it basically doesn't work in any useful way.
DOM elements don't expand. I click on <div id="content">...</div> which contains 50 other DIVs and nothing happens except that the close-div disappears.
No CSS shows in the right-hand panel for any selected element
Images can't be loaded (I just get a spinner)
Are there known problems or incompatibilities? I'm using
Desktop Safari 6.0.5
iOS 7.0.4
I had this problem, too - you'll need to update to Safari 6.1.
When developing XAML apps I utilized XAML spy which allows me to inspect the rendered app elements when running the app in the simulator. It aids in finding where certain styling is emanating from. It's similar to developer consoles in web browsers and in particular Firebug in Firefox.
Is there an equivalent tool for iOS development that I can use while running my app in the iPhoneSimulator from Xamarin Studio?
I would give Reveal a go. It allows you to inspect and debug your UI and autolayout issues similar to XAML spy.
If you are using Xamarin there is a getting started guide
I haven't used it, but http://sparkinspector.com/ is the closest i've seen.
I have found something that can be used for some limited inspecting of elements - Accessibility Inspector.
Enabling the iOS Accessibility Inspector:
Start simulator > click Home button to return to home screen > start Settings app > nav to General, Accessibility and turn it on
It adds an overlay to the screen showing label, traits, frame and notification details.
It's not as extensive as I was after.