Enabling device mode
We have already installed the Chrome web browser, therefore, we need to run it. After running it, we have to run MoodleCloud or Moodle on-premises on it. Therefore, in this example, we will run MoodleCloud. We will test how it looks on a mobile device. First of all, we will check how we see it in our desktop. Although, the way we see it may differ according to the resolution of the monitor that we have, it will look much different on a mobile device. Follow these steps:
Run Google Chrome.
Run MoodleCloud or Moodle on-premises and log in.
Press the F12 key.
Then the following screen will appear:
Click on Toggle device toolbar, as shown in the following screenshot:
Then the following appears on the right-hand side of the margin (it can also appear beneath the screen):
Tip
On the left-hand side of the page, the simulation of a mobile device appears and it shows the MoodleCloud that we are running on our desktop on a mobile device. We can see that the theme looks quite different...