Skip to content

GitLab

Closed
Created by hanxiaolong@hanxiaolong

iframe 页面使用定位功能及扩展

allow 属性的使用需要参考特性策略。

特性策略可以允许你控制页面或者iframe可以使用哪些特性。

页面控制的话设置在HTTP头部的Feature-Policy的这个字段，iframe的话就是我们要说的这个allow字段。

比如只允许指定源才可以使用定位功能：

<iframe src="https://google-developers.appspot.com/demos/..." allow="geolocation https://google-developers.appspot.com"/>

allow的值有：

  • Accelerometer（加速度计）：允许网页访问设备的加速度数据。
  • Ambient light sensor（环境光传感器）：允许网页访问环境光级别数据。
  • Autoplay（自动播放）：允许媒体自动播放。
  • Camera（摄像头）：允许网页通过用户设备的摄像头获得图像或视频。
  • Encrypted media（加密媒体）：允许音乐或视频在加密后仍能播放。
  • Fullscreen（全屏）：允许网页进入全屏模式。
  • Geolocation（地理位置）：允许网页获取用户的地理定位信息。
  • Gyroscope（陀螺仪）：允许网页访问设备的陀螺仪数据。
  • Lazyload（懒加载）：允许网页进行懒加载，即延迟加载图片和/或iframe，直到需要时。
  • Microphone（麦克风）：允许网页访问设备的麦克风输入。
  • Midi（音乐仪器数字接口）：允许网页发送和接收MIDI信号。
  • PaymentRequest（支付请求）：允许网页使用支付请求API进行在线支付交易。
  • Picture-in-picture（画中画）：允许视频在'画中画'模式下播放，即在一小窗口播放，同时允许用户进行其他活动。
  • Speaker（扬声器）：允许控制音频输出到设备扬声器的能力。
  • USB（通用串行总线）：允许网页与连接设备的USB设备进行交互。
  • VR/XR（虚拟现实/混合现实）：允许网页访问和操作虚拟现实或混合现实硬件。
Edited by hanxiaolong