#Uniapp篇：chrome调试&&unapp适配

Random_index2025-06-11 20:45

chrome调试设备----使用Android模拟机开发调试移动端页面

Chrome://inspect/#devices

MuMu模拟器+Edge浏览器：Android原生APP嵌入的H5页面元素定位

chrome://inspect/#devices

uniapp单位适配

根路径下 postcss.config.js

需要装这些插件

"postcss": "^8.5.3",

"postcss-comment": "2.0.0",

"postcss-loader": "^8.1.1",

"postcss-pxtorpx-pro": "^2.0.0",

js 复制代码

module.exports = {
  plugins: {
    "postcss-pxtorpx-pro": {
      unit: "rpx", // 转化的单位
      rootValue: 39.0, // 设计稿宽度/10（如375设计稿对应37.5）
      propList: ["*"], // 需要转换的属性，*表示全部
      unitPrecision: 5, // 转换后保留的小数位数
      selectorBlackList: [], // 不转换的选择器
      replace: true, // 直接替换px值
      mediaQuery: false, // 不转换媒体查询中的px
      minPixelValue: 0, // 需要转化的最小的pixel值，低于该值的px单位不做转化
      transform: x => x, // 默认设计稿按照750宽,2倍图的出,改为一倍 transform: (x) => 2*x
      exclude: /node_modules/ // 不处理的文件
    }
  }
};