A WASM based web app built with Uno-Platform (a.k.a. Silverlight on Steroids) works with the desktop Chrome flawlessly, but it always crashes with the mobile Chrome on Android with the following screen:
The main file dotnet.wasm is 82 MB, but it is compressed to 11 MB for downloading. I used the desktop Chrome to debug the mobile version. The debug console does not show any errors.
Could anyone shed some light on this?
Related
I'm developing a web app with flutter. I've got no problem debugging with chrome, but when I want to test my app using chrome or safari on my iPad, I actually build my app, put it on a local server (MAMP) then open chrome on my iPad, and then browse the IP of the local server and test my app. This process takes a lot of time especially when I've got some big issue that requests many tests.
Is there a smart way to test my app with chrome from an iPad?
Thanks in advance
Peter
We have a ASP.net web application integrated with DotNetNuke.
The mobile version uses jQuery mobile 1.6.X.
While trying to test the application it works well in Chrome simulator(our staging environment is publicly exposed). But it does not work in any of the actual device.
Can anyone suggest how to debug this ?
For Android you can attach the device to the pc and go to chrome-> developer tools -> inspect devices
Make sure your phone is set to developers mode with usb debugging on.
For iOS you can attach your phone to a mac and open safari, develop menu and then the device you want to inspect.
There you will find the javascript console, source, style and everything you normally need for website debugging.
Is it possible to use chrome://inspect to debug Chrome running on an iPhone that is plugged in via USB?
Basically I just want to use Chrome on my laptop to debug, not Safari.
No, this is not possible. The reason for that is that due to the limitations of iOS Chrome uses WebKit while on all other platforms it employs Blink to render web pages. Chrome DevTools' core which resides in Blink hence it is not available on iOS.
My ASP.NET MVC web site markup looks "wrong" in iOS (both iPad and iPhone). In desktop Safari Chrome, IE, etc. I just use and embedded developer tools in the browser to locate problems.
Is there a way to debug iOS Safari (via some emulator) from Windows. I also have Mac with xCode at hand, if it provides the ways to facilitate the process.
On your mac you can open the iOS Simulator (previously the iPhone simulator). If you have XCode you have the simulator. Just open the simulator, open Safari and navigate to your page from there, just as you would in a normal browser.
Since Mobile Safari doesn't have a capable HTML/CSS inspector Firebug Lite might work.
I know this is quite an old question, but since I run into this myself recently, and found a solution, let me share it here with anyone else that might come looking.
The weinre project offers a remote debugger that works more or less like the old version of webkit dev tools. While it's not as fully featured as proper remote debugging tools found in Safari, it can get the job done when working with HTML and CSS.
The weinre package is available on npmjs.com and it requires NodeJS / NPM installed on your system. It can debug any app running any browser, and works on all platforms where NodeJS is supported including Windows.
To install:
npm i -g weinre
Then start it on port 9000 (or whatever port you want):
weinre --httpPort 9000
Visiting localhost:9000 gives you access to instructions on how to instrument the web page you are testing (look under Target Script section). For example add this to your page:
<script src="http://localhost:9000/target/target-script-min.js#anonymous"></script>
Once the page is instrumented, you can go to the debug interface pointed to by the instructions page.
I am developing a web app for iPad and testing it on Safari on Mac and Safari on iPad Simulator. Now there are some issues with CSS in iPad Simulator which work quite well in Safari on Mac.
Now my question is,
Is there a powerful debugging tool for Safari in iPad Simulator?
When running safari in an XCode device simulator, the desktop Safari (v6) Develop menu shows those devices. From there, you can fire up the developer tools (DOM browser etc.) for the mobile browser. This helped me debug an mobile safari css issue without hardware.
Note: As of iOS6 this is not the correct way of doing remote debugging, leaving this answer for historical reasons but you should look into remote inspection with Safari, here is a good article: http://jeffreysambells.com/2012/09/22/ios-safari-web-inspector
Have a look at this, (a bash script I wrote) https://gist.github.com/2241976. It will allow you to open the iPad simulator and run Webkit's remote inspector, which will look just like this.
iWebInspector is quite a powerful tool for the iOs simulator's Safari.
It uses the same inspector as Chrome and it works nicely (I've used it myself and found it really helpful).
From their website
iWebInspector is a free tool to debug, profile and inspect web
applications running on iOS Simulator (iPhone or iPad). You can check
resources, see and change HTML & CSS, use breakpoints on JavaScript
code, create charts and more just as if you were on Safari for
Desktop, Chrome or Firebug.
It works for any web in Safari -the web browser-, for a chrome-less
webapp (full-screen) and also for apps using UIWebView -including
PhoneGap applications-.