When developing a web app using ionic, it is very useful to run up the program in iOS simulator with the command line
ionic run ios -l -c -s --target="iPhone-5s"
Then by selecting desktop Safari and Develop -> iOS Simulator you can bring up the Web Inspector for the app on the simulator.
All well and good.
On desktop Safari, it is very useful to right-click on an element to find it in the Web Inspector. Is there a way to do this in iOS Simulator Safari ?
I end up putting a searchable string into the HTML and Ctrl-F to find it which is more cumbersome.
There is a target button in the web inspector window that can select an element inside the iOS Simulator. Here's a screenshot:
"Select Element" button in Web Inspector
Related
RefreshView when target paltform is UWP it is not working i.e I'am unable to apply pull to refresh, but on iOS and Android it is Working fine.
RefreshView when target paltform is UWP it is not working
I have to say the RefreshView only avaiable for touch screen, if you use mouse mode, it will not response your drag gestue. please run your app with simulator or touch device.
For more detail please refer to Run UWP apps in the simulator document
The Elements tab (as well as others) in the Safari Mobile Web Inspector is not displaying. I can only see the Console, Sources, and Audit tabs. The Sources tab isn't showing any of the sources for the site.
I am trying to debug the styling for an app using Webview and Cordova. I have tried inspecting a Safari mobile web page and the same thing happens.
Workspace:
iOS: 14.6
iPhone: 8
macOS: Big Sur 11.4
Xcode: 12.5 beta 2
Safari (desktop): 14.1.1
This was working previously. The only thing that has changed is that I updated my macOS version. I can use the web inspector as intended on Safari (desktop).
One solution I found was to install the latest Safari Preview Technology.
I installed Xcode 6 gm version. I created new project and I run it on iPhone 6 or iPhone 5s simulator with ios 8. Everything is fine.But When I simulate on iphone 5s deployment target ios 7.1.Device screen is not full screen.it runs like as 3.5inc screen.Do you know reason of that? Is it XCode 6's bug?
you should put launch screen for iphone 5 - 640x1136 named Default-568h#2x or use catalog assets alternatively.
Figured out a solution in my case
Go to General tab of project's target
Scroll down to App Icons and Launch Screens section
Click on Use Asset Catalog drop down option under Launch Images Source
In prompt choose Migrate - this will create LaunchImage category under .xcassets image set (default Images.xcassets in my case)
Launch the app - ifullscreen issue gone in my case
When I try to right click and show webkit developer tools in tideSDK nothing happens, No context menu appears.
This doesn't work either ??
$(".inspect").bind("click", function() {
try {
Ti.UI.currentWindow.showInspector();
} catch(e) {
alert(e.toString());
}
})
The web inspector/developer tools console only works when you are using Launch App from TideSDK Developer (during development of your app). Once you execute the packaged app after using Package with Runtime, the inspector is not enabled. Could that be the issue?
Note that you should also be able to just run your Tide application in debug mode.
e.g.
myAppBuiltByTide.exe --debug
Running in debug mode:
Opens the debug console, in addition to your application window, and
Enables the 'Show Inspector' right click option
I have recently downloaded the testScrollView and WalkCycle examples from https://github.com/C4Code, but the dropdown window in the topmost toolbar lacks the option to select iPad simulator as the target device. Do I have to have something enabled in order for this menu to display correctly, or is this an issue of incompatibility between C4/XCode versions?
I recently upgraded to iOS 6, so all the projects I build and put up online will be targeted for iOS 6.0 simulator.
Check the following link, the answer there will show you how to change your settings so that it builds for the iOS 5.1 simulator:
Xcode 4 - IOS - Simulator not available as build target