# Source: https://lynxjs.org/guide/start/integrate-lynx-dev-version.md

# Integrate Lynx development version

During Lynx page development, you can use the Trace and Lynx Recorder tools for debugging, analysis, and locate issues.
To avoid impacting production performance, the official release version of Lynx does not include Trace and Recorder features.
For developer convenience, Lynx also provides a development version (with a `-dev` suffix in the version number). Starting from `release/3.4`, Lynx provides a dev version for each release version (the dev version uses the same release version number with a `-dev` suffix). You can integrate the Lynx development version by following the steps below.

:::info

You can find the development version corresponding to your release version at [github](https://github.com/lynx-family/lynx/tags).

:::

<PlatformTabs queryKey="platform">
  <PlatformTabs.Tab platform="ios">
    <Steps>
      ### Integrate Lynx

      Refer to the [Lynx integration guide](/guide/start/integrate-with-existing-apps.md#platform=ios) for detailed steps on integrating Lynx.

      ### Integrate Lynx DevTool

      Refer to the [Lynx DevTool integration guide](/guide/start/integrate-lynx-devtool.md#platform=ios) for detailed steps on integrating Lynx DevTool.

      ### Switch to the dev version of Lynx

      Update your `Podfile` to use the dev version of the Lynx component.

      ```ruby title="Podfile"
      pod 'Lynx', '3.6.0' # [!code --]
      pod 'Lynx', '3.6.0-dev' # [!code ++]

      pod 'LynxDevtool', '3.6.0' # [!code --]
      pod 'LynxDevtool', '3.6.0-dev' # [!code ++]
      ```

      ### Install Dependencies

      Run `pod install` to install dependencies, then open your Xcode project and rebuild.
    </Steps>
  </PlatformTabs.Tab>

  <PlatformTabs.Tab platform="android">
    <Steps>
      ### Integrate Lynx

      Refer to the [Lynx integration guide](/guide/start/integrate-with-existing-apps.md#platform=android) for detailed steps on integrating Lynx.

      ### Integrate Lynx DevTool

      Refer to the [Lynx DevTool integration guide](/guide/start/integrate-lynx-devtool.md#platform=android) for detailed steps on integrating Lynx DevTool.

      ### Switch to the dev version of lynx and lynx-trace

      Update your `build.gradle` or `build.gradle.kts` to use the dev versions:

      <Tabs groupId="impl-android">
        <Tab label="build.gradle">
          ```groovy
          - implementation ("org.lynxsdk.lynx:lynx:3.6.0")
          + implementation ("org.lynxsdk.lynx:lynx:3.6.0-dev") {
          +   // Exclude the lynx-trace module to avoid including it transitively
          +  exclude group: 'org.lynxsdk.lynx', module: 'lynx-trace'
          + }

          - implementation ("org.lynxsdk.lynx:lynx-trace:3.6.0")
          + implementation ("org.lynxsdk.lynx:lynx-trace:3.6.0-dev")

          - implementation ("org.lynxsdk.lynx:lynx-devtool:3.6.0")
          + implementation ("org.lynxsdk.lynx:lynx-devtool:3.6.0") {
          +   // Exclude the lynx-trace and lynx module to avoid including it transitively
          +   exclude group: 'org.lynxsdk.lynx', module: 'lynx-trace'
          +   exclude group: 'org.lynxsdk.lynx', module: 'lynx'
          + }

          ```
        </Tab>

        <Tab label="build.gradle.kts">
          ```kotlin

          - implementation ("org.lynxsdk.lynx:lynx:3.6.0")
          + implementation ("org.lynxsdk.lynx:lynx:3.6.0-dev") {
          +   // Exclude the lynx-trace module to avoid including it transitively
          +  exclude(group = "org.lynxsdk.lynx", module = "lynx-trace")
          + }

          - implementation ("org.lynxsdk.lynx:lynx-trace:3.6.0")
          + implementation ("org.lynxsdk.lynx:lynx-trace:3.6.0-dev")

          - implementation ("org.lynxsdk.lynx:lynx-devtool:3.6.0")
          + implementation ("org.lynxsdk.lynx:lynx-devtool:3.6.0") {
          +   // Exclude the lynx-trace and lynx module to avoid including it transitively
          +   exclude(group = "org.lynxsdk.lynx", module = "lynx-trace")'
          +   exclude(group = 'org.lynxsdk.lynx', module = 'lynx')
          + }

          ```
        </Tab>
      </Tabs>

      ### Rebuild your application

      Rebuild your application to ensure all changes take effect.
    </Steps>
  </PlatformTabs.Tab>

  <PlatformTabs.Tab platform="harmony">
    <Steps>
      ### Integrate Lynx

      Refer to the [Lynx integration guide](/guide/start/integrate-with-existing-apps.md#platform=harmony) for detailed steps on integrating Lynx.

      ### Integrate Lynx DevTool

      Refer to the [Lynx DevTool integration guide](/guide/start/integrate-lynx-devtool.md#platform=harmony) for detailed steps on integrating Lynx DevTool.

      ### Switch to the dev version of lynx and lynx\_devtool

      Update your `oh-package.json5` to use the dev version of the Lynx component.

      ```json5
      "dependencies": {
        "@lynx/lynx": "3.6.0", // [!code --]
        "@lynx/lynx_devtool": "3.6.0", // [!code --]
        "@lynx/lynx": "3.6.0-dev", // [!code ++]
        "@lynx/lynx_devtool": "3.6.0-dev", // [!code ++]
      }
      ```

      ### Install Dependencies

      Run `ohpm install` to install dependencies, then open your DevEco-Studio project and rebuild.
    </Steps>
  </PlatformTabs.Tab>
</PlatformTabs>

Congratulations! You have completed the integration of the Lynx development version.
Now, you can launch the DevTool desktop application and start debugging and performance profiling using either the LynxTrace or LynxRecorder tool.