11

I have a GPD Pocket running Ubuntu 16.04 LTS with Unity and Firefox Quantum. The GPD pocket is a small netbook (7 inch display). For some sites I would therefore prefer seeing on this screen the mobile version of the website (mainly on my work's egroupware server).

How is this possible?

Bonus question (but neither necessary nor sufficient to get the accepted answer): How to do this on Google Chrome/chromium?

I do not care if this is a per website or a global setting as I use different firefox profiles for different things.

11

Firefox

Showing the mobile version of websites is a built-in feature in Firefox. In Firefox select Tools -> Web Developer -> Responsive Design Mode and then from the dropdown menu select your device model.

Chromium/Chrome

Toggle the Device Mode button to turn Device Mode on or off. When Device Mode is on, the icon is blue (IMG: ). When Device Mode is off, the icon is gray (IMG: ). Select Tools -> Developer tools -> click Toogle device toolbar button (marked by the mouse cursor in the below screenshot -> click the black downward triangle ▾ to the right of "Responsive" to show the dropdown menu and select your device from the dropdown menu.

enter image description here

  • Thank you . One small question. What is DPR and how should I calculate it for my Device? – Bruni Jan 11 '18 at 13:47
  • DPR stands for Device Pixel Ratio. To set a custom device pixel ratio, enter Responsive Design Mode in Firefox, click the list box labeled "DPR", and select the value you want. To get more fine-grained control over the DPR enter Responsive Design Mode, in the device list box select "no device selected", change the zoom ratio in Firefox for the tab that has the focus by selecting View -> Zoom -> Zoom In/Out which will change the value of the currently selected DPR in the DPR list box. – karel Jan 11 '18 at 14:31
  • When you change the device in Responsive Design Mode from the dropdown menu it automatically changes the DPR to the DPR that corresponds to the selected device. You can also edit the dropdown menu and create a custom device that has its own custom values for screen size and DPR. – karel Jan 11 '18 at 14:31
5

You may use an add-on like User-Agent Switcher.

It lets you choose from many options:

enter image description here
(screenshot source: link above)

  • 1
    +1 This works thank you. I will accept @Karel 's solution as it is less invasive. – Bruni Jan 11 '18 at 13:45
  • @Bruni I would have done the same too :-D – pomsky Jan 11 '18 at 13:49

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.