<!--
{
  "availability" : [
    "iOS: 26.0.0 -",
    "iPadOS: 26.0.0 -",
    "macCatalyst: -",
    "macOS: 26.0.0 -",
    "visionOS: 26.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "WebKit",
  "identifier" : "/documentation/WebKit/WebPage/NavigationPreferences/ContentMode",
  "metadataVersion" : "0.1.0",
  "role" : "Enumeration",
  "symbol" : {
    "kind" : "Enumeration",
    "modules" : [
      "WebKit"
    ],
    "preciseIdentifier" : "s:6WebKit0A4PageC21NavigationPreferencesV11ContentModeO"
  },
  "title" : "WebPage.NavigationPreferences.ContentMode"
}
-->

# WebPage.NavigationPreferences.ContentMode

Options to indicate how to render web view content.

```
enum ContentMode
```

## Overview

Browsers often render webpages differently based on device type. For example, Safari provides a
desktop-class experience when displaying webpages on Mac and iPad, but it displays a mobile experience
when displaying pages on iPhone. Use content modes to specify how you want your web page to render
content within your app.

## Topics

### Enumeration Cases

[`case desktop`](/documentation/WebKit/WebPage/NavigationPreferences/ContentMode/desktop)

The content mode that represents a desktop experience.

[`case mobile`](/documentation/WebKit/WebPage/NavigationPreferences/ContentMode/mobile)

The content mode that represents a mobile experience.

[`case recommended`](/documentation/WebKit/WebPage/NavigationPreferences/ContentMode/recommended)

The content mode that is appropriate for the current device.

## Relationships

### Conforms To

[`SendableMetatype`](/documentation/Swift/SendableMetatype)

[`Equatable`](/documentation/Swift/Equatable)

[`Sendable`](/documentation/Swift/Sendable)

[`Hashable`](/documentation/Swift/Hashable)

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)