general

load webpages with different user agents, quick and easy without any plugin

… if you want to test or troubleshoot your mobile webpage or browser app it’s quite tricky from desktop – mobile webapplication deliver content based on the browsers user agent – there are severals browser plugins to switch the agent – but all major browser offer a build in feature to change the behaviour

google chrome

in settings > more tools > developer tools (Crtl + Shift + I) below network conditions your able to switch user agent – e.g. search at google to display

microsoft edge and internet explorer

F12 developer tools (press F12) > Emulation opens an onboard user agent switcher

mozilla firefox

webpage is loaded in same way an iPad would do – type about:config in addressbar, search for useragent and create a new entry

string: general.useragent.override

value: Mozilla/5.0(iPad; CPU OS 6_0 like Mac OS X) AppleWebKit/536.26(KHTML, like Gecko) Version/6.0 Mobile/10A5355d Safari/8536.25

macOS safari

enable in settings > advanced the option show develop menu in menu bar

iOS devices

since iOS13 / iPadOS – safari browser of the apple tablet can switch between mobile and desktop presentation of a webpage, as shown in the video below

android devices

install e.g. Rocket Browser to test the behavoir of other user agents, in Settings > General Settings is it possible to change the user agent – developed android webapps can define an own user agent with java code webview.getSettings().setUserAgentString(MyString);


test your Browser features here and see what’s your browser capable of

https://launchr.eu/browser/


android tips & tricks everyone should know
innovation, technology

progressive web apps

progressive web apps (pwa) getting more popular due to their ability to send push notifications – provide offline content and add to homescreen – no need to install pwa, improve functionallity above browsers with less costs compared to apps – load faster than web – enhanced conversion – scroll 60 frames per second

@google developers training

test your browser online, the featureset differs a lot between mobile platform and browser-  compatibility estimated by appswithlove.com

https://whatwebcando.today

2015 a chrome developer coined progressive web app, adopted by apple and even windows 10 joined as well


Some good examples what pwa’s can do and how already using it:

how to deal with acceleated mobile pages (amp) in times of pwa, how to choose between faster loading or offline functionality, it’s possible to combine both like washington post

read more: acceleated mobile pages


in an enterprise perspective it is about how to deploy applications, with mdm it is quite easy to push an app to a device, even silent installation is possible with android enterprise or apple vpp…

…but pwa’s aren’t that apps anymore and there is no api to remote set homescreen icon 

google, technology

android tips & tricks everyone should know

  • android developer – customize your device like a pro, go to settings > about phone and tap the build number 7 times – successful enabled, e.g. select developer options from the main Settings and scroll down to enable force activities to be resizable or speed up your device by slowing down or turning off animation scale

developer_options

  • split-screen – android support to open 2 apps at the same time, press and hold the recent apps button, with developer feature enabeld above almost every app work in split-screen mode, move slider up/down to fit your needs
  • chrome bar bottom – easy the use with url and search bar at bottom, right at your fingertips tips – open the url chrome://flags in chrome and enable chrome home
  • quick last app switch – quick double tab the recent apps button
  • picture in picture – overlay an app above another since android oreo, more flexible than split-screen, in full screen mode simply tab the home button, search in settings picture-in-picture to list supported apps – youtube offers pip just with it’s red abo
  • lockscreen message – when device is lost and locked, an honestly finder is able to inform about your contact data, you’ll find the info at the lockscreen

  • screen pinning – quick and easy setup a kiosk mode, just enable screen pinning in settings, tab pin at recent apps button, disable by touch and hold back key

    This slideshow requires JavaScript.

  • fake gps – to hide or fake the position of your device, select a mock location app in developer settings and try like this