---
url: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/editing/mobile-editing'
title: '在手机或平板电脑上编辑页面 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T13:52:51+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  您可以在手机或平板电脑上修正错别字或更改按钮：
  构建器可在移动浏览器中运行，并使其对话框适应触摸屏。
  本页演示一次快速编辑及不同之处。对于新布局和模板，桌面屏幕更方便。
  该视频在手机宽度下更正了一个日期并保存。
tags:
  - 'Edit a page'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 在手机或平板电脑上编辑页面
      description: |-
        您可以在手机或平板电脑上修正错别字或更改按钮：
        构建器可在移动浏览器中运行，并使其对话框适应触摸屏。
        本页演示一次快速编辑及不同之处。对于新布局和模板，桌面屏幕更方便。
        该视频在手机宽度下更正了一个日期并保存。
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T13:52:51+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/editing/mobile-editing'
      articleSection: 编辑页面
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/editing/mobile-editing'
      description: |-
        您可以在手机或平板电脑上修正错别字或更改按钮：
        构建器可在移动浏览器中运行，并使其对话框适应触摸屏。
        本页演示一次快速编辑及不同之处。对于新布局和模板，桌面屏幕更方便。
        该视频在手机宽度下更正了一个日期并保存。
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 首页
            item: 'https://dxpr.com/zh-hans'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: zh-hans
---
[帮助中心](/zh-hans/node/75)/[文档](/zh-hans/hc/documentation) /[学习 DXPR Builder](/zh-hans/hc/documentation/learn-dxpr-builder) /[搭建页面](/zh-hans/hc/documentation/learn-dxpr-builder/build) /[编辑页面](/zh-hans/hc/documentation/learn-dxpr-builder/editing) # 在手机或平板电脑上编辑页面.

 学习 DXPR Builder搭建页面编辑页面

   ## 本指南内容

 相关指南

- [以访问者的视角查看页面](/zh-hans/hc/documentation/learn-dxpr-builder/editing/preview-mode)
- [让布局适配手机](/zh-hans/hc/documentation/learn-dxpr-builder/design/responsive-design)
- [保存并发布您的页面](/zh-hans/hc/documentation/learn-dxpr-builder/editing/save-and-publish)

您可以在手机或平板电脑上修正错别字或更改按钮： 构建器可在移动浏览器中运行，并使其对话框适应触摸屏。 本页演示一次快速编辑及不同之处。对于新布局和模板，桌面屏幕更方便。

该视频在手机宽度下更正了一个日期并保存。

  ## 开始之前

- 您已登录，且拥有 **Edit with DXPR Builder** 权限。
- 页面显示 DXPR 工具栏。如果其眼睛图标显示红色删除线， 则页面处于 Preview 中：请点按该图标并选择 **Edit**。

## 修正文本

1. 在手机或平板电脑上打开页面。
2. 点按要更改的文本。
3. 输入您的更正。
4. 点按文本之外，然后点按 DXPR 工具栏上的 **Save**。

## 更改元素的设置

1. 点按元素以显示其控制栏。
2. 点按 **More**，即控制栏上的三个点。
3. 选择 **Settings**。
4. 更改设置，然后点按对话框底部的 **Save**。
5. 点按 DXPR 工具栏上的 **Save**。

## 您会看到的内容

宽度不超过 1024 像素的手机、平板电脑和触摸屏会使用构建器的触摸布局。

- **元素选择器。**它占满屏幕宽度。其选项卡变为底部的列表， 旁边是搜索框和 **Close** 按钮。
- **设置对话框。**它们在变暗的页面上打开并保持原位。 没有关闭图标，也没有全屏按钮：请使用底部的 **Cancel** 或 **Save**。
- **文本工具栏。**放不下的工具位于其 **Show more items** 按钮之后。
- **菜单。**键盘快捷键提示已隐藏。

## 任务与设备的对应关系

| 任务 | 设备 |
|---|---|
| 修正文本或更换图像 | 手机或平板电脑 |
| 更改元素设置 | 平板电脑或桌面 |
| 构建或重新排列布局 | 桌面 |
| 创建模板 | 桌面 |

## 如果您没有看到编辑器控件

- **点按没有任何反应。**页面处于 Preview 中。请点按 DXPR 工具栏上的眼睛图标，选择 **Edit**。
- **设置对话框没有关闭按钮。**在触摸屏上，它用底部的按钮关闭。 请在对话框中向下滚动，点按 **Cancel** 或 **Save**。
- **布局与桌面上看起来不同。**在窄屏幕上列会堆叠， 手机上的访问者看到的也是如此。请在更宽的屏幕上查看并排布局，并参阅 [响应式设计](/zh-hans/hc/documentation/learn-dxpr-builder/design/responsive-design)。

## 接下来做什么？

- [以访问者的视角查看页面](/zh-hans/hc/documentation/learn-dxpr-builder/editing/preview-mode)：保存前检查页面。
- [响应式设计](/zh-hans/hc/documentation/learn-dxpr-builder/design/responsive-design)：控制布局如何适应各种屏幕尺寸。
- [保存并发布您的页面](/zh-hans/hc/documentation/learn-dxpr-builder/editing/save-and-publish)：存储更改并使其可见。