Why are my sprites rendered badly on mobile browser?

[Html5Overview]

Screenshot:

 

Actually, it looks better in screenshot then on the phone screen. It looks worse on phone.

 

Scene code:
https://paste.ofcode.org/A2mUaWF3N3bCcGSfFaS8yM

Config code:

https://paste.ofcode.org/fhur8xMjs8QVf4M4TEfWJg

[cornstipated]

it has probably to do with devicePixelRatio . You can configure phaser to use a higher dpi by setting a value for 'resolution' in the game config or by using setResolution on specific gameobjects(like text)

config = { resolution : window.devicePixelRatio }

but it will warned that it can be very costly battery and performance wise.