This video shows how to emulate a mobile viewport in the Chrome browser for testing apps in mobile devices.
- [Instructor] Virtually, all administrative duties are performed on laptops or desktop computers by system administrators when customizing Salesforce. If you're like me, I do all my work on a desktop or laptop because I'm able to accomplish more and I get it done more quickly. Mobile users are a growing aspect of Salesforce usage and it's important to understand their experience when using the Salesforce app. Salesforce1 is a downloadable app and you'll want to see what it looks like on a mobile device.
You can access the mobile app in a number of ways. You can download the app from the appropriate application store such as the Apple App Store or Google Play. Users can also navigate to login.salesforce.com using a mobile device. Developers have other options such as the Chrome Developer Tools. We're going to take a look at how you can trick the Chrome browser into displaying Salesforce1 and you'll see the mobile experience so that you can test apps on a desktop or laptop computer as if they were displayed in Salesforce1 so let's have a look at this.
Now, we're currently in our Salesforce account. We're signed in. Let's head over to the app launcher and we'll select an app. In this case, I'll go ahead and select the sales management app and we can see the app right here. Let's go ahead and highlight the URL and we'll copy it and we're going to need that in a minute. Then we'll go ahead and open up a new tab. Now, right click in the white space and then click on Inspect. From here, we see some diagnostic tools and there's a little button right here that if we toggle this, we can switch back and forth between a mobile experience and we can switch to the desktop or laptop experience.
You can also change the view port to look like specific devices. If you're not sure what device you'll be using, you can use pixel size and you can change that there or we can select from a list of popular devices. I have the iPhone 6 Plus so that's what I'll be using for this demonstration, but we can also switch around to other different devices such as iPad, Galaxy, or Nexus. Now let's go ahead and paste in the URL for our app. We'll go ahead and click Paste and then we'll press Enter and then we can see the Salesforce1 app load.
Now, this is the app that I just looked at in the desktop experience and we can navigate and make sure it looks good for our users. You can now see that our app displays as if it were inside the Salesforce1 mobile application. It's easy to test Salesforce apps before deploying them to mobile users and it's important to do so to make sure that every user has seamless great experience using customized Salesforce apps.
- Making apps
- Using the App Manager and Lightning App Builder
- Adding third-party components to app pages
- Upgrading a classic app
- Adding and managing app tabs
- Enhancing apps with custom objects
- Building apps for analytics and dashboards
- Testing apps in the Salesforce1 mobile experience