diff --git a/docs/api/popover.mdx b/docs/api/popover.mdx index aad8fb1102..4d2453fa0d 100644 --- a/docs/api/popover.mdx +++ b/docs/api/popover.mdx @@ -212,7 +212,7 @@ type PositionAlign = 'start' | 'center' | 'end'; | Esc | Closes the popover. | | Space or Enter | Clicks the focusable element. | -`ion-popover` has full arrow key support for navigating between `ion-item` elements with the `button` property. The most common use case for this is as a dropdown menu in a desktop-focused application. In addition to the basic keyboard support, the following table details arrow key support for dropdown menus: +`ion-popover` has full arrow key support for navigating between `ion-item` elements with the `button` property. The most common use case for this is as a dropdown menu. In addition to the basic keyboard support, the following table details arrow key support for dropdown menus: | Key | Description | | ------------------------------------------------------------- | ----------------------------------------------------------------------------------------- | diff --git a/docs/core-concepts/cross-platform.mdx b/docs/core-concepts/cross-platform.mdx index cc937650ad..45d2a7328c 100644 --- a/docs/core-concepts/cross-platform.mdx +++ b/docs/core-concepts/cross-platform.mdx @@ -4,7 +4,7 @@ title: Cross Platform # Cross Platform -Ionic is built from the ground up to make development easy, no matter what platform you are building for. Ionic apps are truly cross-platform: able to run as an Android, iOS, Electron, and Progressive Web App (PWA), all from a single codebase. There are some points to keep in mind when optimizing an app to work across these platforms. +Ionic is built from the ground up to make development easy, no matter what platform you are building for. Ionic apps are truly cross-platform: able to run as an Android, iOS, Electron, and Progressive Web App (PWA), all from a single codebase. Electron and desktop browsers can run Ionic apps, but desktop usage is not officially supported. Refer to [Browser Support](../reference/browser-support.mdx#mobile-platforms) for the officially supported platforms. There are some points to keep in mind when optimizing an app to work across these platforms. ## Hardware APIs {/* #hardware-apis */} diff --git a/docs/core-concepts/fundamentals.mdx b/docs/core-concepts/fundamentals.mdx index 7caac2fb8e..4edcad7cfb 100644 --- a/docs/core-concepts/fundamentals.mdx +++ b/docs/core-concepts/fundamentals.mdx @@ -36,7 +36,7 @@ For apps that are built with Angular and `@ionic/angular`, we recommend using th ## Native Access {/* #native-access */} -An amazing feature of apps built with web technologies (such as Ionic apps!) is that it can run on virtually any platform: desktop computers, phones, tablets, cars, refrigerators, and more! The same code base for Ionic apps can work on many platforms because it is based on web standards and common APIs that are shared across these platforms. +An amazing feature of apps built with web technologies (such as Ionic apps!) is that it can run on virtually any platform: desktop computers, phones, tablets, cars, refrigerators, and more! The same code base for Ionic apps can work on many platforms because it is based on web standards and common APIs that are shared across these platforms. That said, Ionic Framework is designed and tested for mobile platforms. Refer to [Browser Support](../reference/browser-support.mdx#mobile-platforms) for the platforms it officially supports. One of the most common use cases for Ionic is to build an app which can be downloaded from both the [App Store](https://www.apple.com/ios/app-store/) and [Play Store](https://play.google.com/). Both iOS and Android software development kits (SDKs) provide [Web Views](webview.mdx) which render any Ionic app, while still allowing for _full_ Native SDK access. diff --git a/docs/reference/browser-support.mdx b/docs/reference/browser-support.mdx index 5f0c5d38db..8ef87157c3 100644 --- a/docs/reference/browser-support.mdx +++ b/docs/reference/browser-support.mdx @@ -39,7 +39,13 @@ To figure out what version of the webview a device is running, log `window.navig ## Browsers {/* #browsers */} -Ionic supports the following browsers: +:::note + +Ionic apps can run in desktop browsers, and nothing in Ionic Framework prevents it. However, Ionic is designed and tested for the [mobile platforms](#mobile-platforms) listed above, so desktop usage is not officially supported. + +::: + +Ionic supports the following browser versions on the [mobile platforms](#mobile-platforms) listed above: | Browser | Ionic v9 | Ionic v8 | Ionic v7 | Ionic v6 | Ionic v5 | Ionic v4 | | :---------: | :------: | :------: | :------: | :------: | :------: | :------: | diff --git a/versioned_docs/version-v8/api/popover.mdx b/versioned_docs/version-v8/api/popover.mdx index 782fe7d0a0..416ec0aa0e 100644 --- a/versioned_docs/version-v8/api/popover.mdx +++ b/versioned_docs/version-v8/api/popover.mdx @@ -212,7 +212,7 @@ type PositionAlign = 'start' | 'center' | 'end'; | Esc | Closes the popover. | | Space or Enter | Clicks the focusable element. | -`ion-popover` has full arrow key support for navigating between `ion-item` elements with the `button` property. The most common use case for this is as a dropdown menu in a desktop-focused application. In addition to the basic keyboard support, the following table details arrow key support for dropdown menus: +`ion-popover` has full arrow key support for navigating between `ion-item` elements with the `button` property. The most common use case for this is as a dropdown menu. In addition to the basic keyboard support, the following table details arrow key support for dropdown menus: | Key | Description | | ------------------------------------------------------------- | ----------------------------------------------------------------------------------------- | diff --git a/versioned_docs/version-v8/core-concepts/cross-platform.mdx b/versioned_docs/version-v8/core-concepts/cross-platform.mdx index 00763be7f2..fa83d78b62 100644 --- a/versioned_docs/version-v8/core-concepts/cross-platform.mdx +++ b/versioned_docs/version-v8/core-concepts/cross-platform.mdx @@ -4,7 +4,7 @@ title: Cross Platform # Cross Platform -Ionic is built from the ground up to make development easy, no matter what platform you are building for. Ionic apps are truly cross-platform: able to run as an Android, iOS, Electron, and Progressive Web App (PWA), all from a single codebase. There are some points to keep in mind when optimizing an app to work across these platforms. +Ionic is built from the ground up to make development easy, no matter what platform you are building for. Ionic apps are truly cross-platform: able to run as an Android, iOS, Electron, and Progressive Web App (PWA), all from a single codebase. Electron and desktop browsers can run Ionic apps, but desktop usage is not officially supported. Refer to [Browser Support](../reference/browser-support.mdx#mobile-platforms) for the officially supported platforms. There are some points to keep in mind when optimizing an app to work across these platforms. ## Hardware APIs diff --git a/versioned_docs/version-v8/core-concepts/fundamentals.mdx b/versioned_docs/version-v8/core-concepts/fundamentals.mdx index 0d13c696ab..7e3aea8cba 100644 --- a/versioned_docs/version-v8/core-concepts/fundamentals.mdx +++ b/versioned_docs/version-v8/core-concepts/fundamentals.mdx @@ -36,7 +36,7 @@ For apps that are built with Angular and `@ionic/angular`, we recommend using th ## Native Access -An amazing feature of apps built with web technologies (such as Ionic apps!) is that it can run on virtually any platform: desktop computers, phones, tablets, cars, refrigerators, and more! The same code base for Ionic apps can work on many platforms because it is based on web standards and common APIs that are shared across these platforms. +An amazing feature of apps built with web technologies (such as Ionic apps!) is that it can run on virtually any platform: desktop computers, phones, tablets, cars, refrigerators, and more! The same code base for Ionic apps can work on many platforms because it is based on web standards and common APIs that are shared across these platforms. That said, Ionic Framework is designed and tested for mobile platforms. Refer to [Browser Support](../reference/browser-support.mdx#mobile-platforms) for the platforms it officially supports. One of the most common use cases for Ionic is to build an app which can be downloaded from both the [App Store](https://www.apple.com/ios/app-store/) and [Play Store](https://play.google.com/). Both iOS and Android software development kits (SDKs) provide [Web Views](webview.mdx) which render any Ionic app, while still allowing for _full_ Native SDK access. diff --git a/versioned_docs/version-v8/reference/browser-support.mdx b/versioned_docs/version-v8/reference/browser-support.mdx index febc9ec9cb..c07ee91d7f 100644 --- a/versioned_docs/version-v8/reference/browser-support.mdx +++ b/versioned_docs/version-v8/reference/browser-support.mdx @@ -38,7 +38,13 @@ To figure out what version of the webview a device is running, log `window.navig ## Browsers -Ionic supports the following browsers: +:::note + +Ionic apps can run in desktop browsers, and nothing in Ionic Framework prevents it. However, Ionic is designed and tested for the [mobile platforms](#mobile-platforms) listed above, so desktop usage is not officially supported. + +::: + +Ionic supports the following browser versions on the [mobile platforms](#mobile-platforms) listed above: | Browser | Ionic v8 | Ionic v7 | Ionic v6 | Ionic v5 | Ionic v4 | | :---------: | :------: | :------: | :------: | :------: | :------: |