Mobile viewer

In this document
chevron_rightCustomizing the UI
chevron_rightPDFNetJS

When viewing documents on mobile devices WebViewer automatically uses a specialized mobile viewer that is optimized for touch. The mobile viewer has most of the same UI features as the desktop viewer.

Redirecting out of iframe

By default the mobile viewer will redirect the page so that it is not displayed inside an iframe. This is because often on a mobile device you'll want the document to take up the entire screen and iframes in mobile browsers have had their issues in the past.

If your app requires that the viewer be inline on an existing page you can add the option mobileRedirect: false when you are instantiating WebViewer.

Customizing the UI

Since the UI for the mobile viewer is different than the desktop viewer you may need to make a separate customization for each viewer. In your config file you can check the $.mobile property to determine if the mobile viewer is loaded or not.

For example:

if ($.mobile) {
  // do mobile specific customization
} else {
  // do desktop specific customization
}
Most other APIs not related to the UI are the same for either viewer so you don't need to use this check everywhere.

PDFNetJS

As of WebViewer 3.1 the mobile viewer supports viewing PDF and Office documents directly using PDFNetJS. This is supported in browsers with Web Assembly support (Chrome 59+, iOS 11+).