That can be tedious and requires changes to files you might not want to commit to your source repository. This doesn't work for iOS and Safari web inspector, the most universal way is to use the -livereload option, which will work for both iOS and Android. If your browser does not have the LiveReload plugin, like Safari or you're using a mobile device, you would normally manually add a livereload.js loading snippet in every web page. Question: when using grunt watch (with live reload) the page is updated according to the css (less) changes. I have also created a new theme thats inherits from the blank theme. You should see the error causing the white screen, and any other relevant information like the console.log() that you placed on your ionic app code. Hello After some head scratching I have finally set up a local site for testing (M1 was easier :smileyindifferent:). You should see your device listed, click on inspect and from there you can use the Developer Tools the same way you use it for your desktop browser when do ionic serve.
#Livereload safari android#
Now you need to run your app on an Android device, you can attach the Chrome Developer Tools to the app and see the error in the Console, you need to connect your device with a USB cable to your computer, open your desktop Chrome browser and type chrome://inspect on the address bar. You need to configure your device to enable developer mode. Live Reload browser extensions are freely available for Chrome, Firefox, and Safari from. Ionic run android -livereload -consolelogs What is LiveReload The spring-boot-dev-tools module includes an embedded LiveReload server that can be used to trigger a browser refresh when a resource is changed. The -livereload option will instantly reload/update the app on your device or emulator it is similar to when you run ionic serve for testing your app on the desktop browser, the -consolelogs will log on the cmd console all the JavaScript error, etc. You can only use -consolelogs if you also use -livereload. There are cases then a page/view should be running on a specific device, let's say iPad and Safari. There are two ways to figure out what is happening one is using the cli livereload with consolelogs when using run or emulate command, and the second one is using the chrome developer tool. It is easy to debug your ionic app when doing `ionic serve` you just open the browser's console, but once you deploy to a device or emulator, it is easy to know what is causing the error since the device doesn't have a console to see JavaScript errors. This type of error occurs when your Ionic app is working fine in your desktop browser (ionic serve) and then you deploy it to a device or emulator and it doesn't work at all! What you see is a white screen when you open the app. Debug White Screen Ionic error on devices