I have been working on the site www.invictusstrength.net, which I have uploaded to the web server in order to test it on a mobile device as I know it needs a lot of tidying up for non desktop devices, and I wanted to make sure there was no unexpected behavior on mobile. I am glad I tried it out on the live site as it seems to crash my Samsung Galaxy Nexus default browser, but is OK on my girlfriends galaxy S3's default browser and chrome running on both our phones. Is there any tools out there that will help me to see what is happening to the site on my mobile browser, or if anyone has any advice on what may be causing the crashing?

 

Some sidenotes if it makes a difference.. Its running : wordpress, bootstrap and Jquery as the main frameworks/tools incase they are playing any part in it?

 

Thanks in advance

Browsers crashes can be caused by ropey javascript, suggest disabling JS on your site then retesting on your own phone. If it doesnt crash then you know it's in the JS somehwre.

That might not be of great help, but I have been recently experiencing some browser crashes on mobiles, mainly Safari and Chrome (webkit browsers) on iPhone and iPad.

After investigation turned out CSS3 properties as gradients, transform (translate3d) and transitions are what causes problems (occasionally).

Sometimes if a maximum scale is not set up, for example <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.5"> that also make the browser crash.

 

BlueDreamer's suggestion to disable js is great, that way you can determine where the issue is.