能否用model-viewer触发显式Intent？Android端AR按钮实现求助

我来帮你梳理下Android端使用model-viewer实现AR操作按钮的相关问题：

1. Android端是否有类似iOS的URL参数实现方式？ #

和iOS直接给USDZ模型URL追加#title=xxx这类参数的方式不同，Android端依赖Google的Scene Viewer来处理AR体验，参数需要通过Scene Viewer的Intent链接传递，而不是直接附加在模型文件URL后。

不过model-viewer组件已经帮你封装了大部分逻辑：只要你正确配置组件属性，它会自动在Android设备上生成AR按钮，点击后自动调用Scene Viewer并传递必要参数。

2. 为什么你尝试的Scene Viewer Intent链接按钮没显示？ #

你手动写的<a>标签Intent链接没生效，大概率是因为：

• model-viewer组件本身会自动渲染内置的AR按钮，手动添加的链接可能被组件的UI覆盖，或者浏览器对直接的Intent链接有拦截限制
• 你的Intent链接格式可能有小问题，比如参数分隔应该用&而非#（iOS用#，Android Scene Viewer用&）

推荐直接用model-viewer的内置属性来配置，示例代码如下：

<model-viewer
  src="https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Models/master/2.0/Avocado/glTF/Avocado.gltf"
  ar="true"
  ar-mode="scene-viewer"
  alt="Avocado 3D Model"
  camera-controls
  auto-rotate
></model-viewer>

这样组件会自动在Android设备上显示AR按钮，点击后直接唤起Scene Viewer加载模型。如果需要传递自定义参数（比如标题、AR模式），可以用ar-url属性指定完整的Intent链接：

<model-viewer
  src="https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Models/master/2.0/Avocado/glTF/Avocado.gltf"
  ar="true"
  ar-url="intent://arvr.google.com/scene-viewer/1.0?file=https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Models/master/2.0/Avocado/glTF/Avocado.gltf&mode=ar_only&title=My Avocado#Intent;scheme=https;package=com.google.ar.core;action=android.intent.action.VIEW;S.browser_fallback_url=https://your-fallback-url.com;end;"
  alt="Avocado 3D Model"
></model-viewer>

3. 能否通过model-viewer触发显式Intent？ #

model-viewer本身封装了AR唤起的逻辑，但如果你需要自定义触发显式Intent，可以通过JavaScript监听组件的相关事件来实现：
比如监听ar-status事件，在用户触发AR操作时手动唤起Intent：

const modelViewer = document.querySelector('model-viewer');
modelViewer.addEventListener('ar-status', (event) => {
  if (event.detail.status === 'session-starting') {
    // 创建自定义Intent链接并模拟点击
    const intentLink = document.createElement('a');
    intentLink.href = 'intent://arvr.google.com/scene-viewer/1.0?file=YOUR_MODEL_URL&mode=ar_only#Intent;scheme=https;package=com.google.ar.core;action=android.intent.action.VIEW;end;';
    intentLink.click();
  }
});

不过这种方式需要处理浏览器兼容性（比如仅Chrome等支持Intent的浏览器有效），一般来说用组件内置的ar和ar-url属性会更省心、兼容性更好。

内容的提问来源于stack exchange，提问作者Filip