Android浏览器设置屏幕方向代码示例

使用Screen Orientation API设置屏幕方向，注意safari目前还不支持。

js, api, device

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 1036
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

const log = document.getElementById("log");

// Lock button: Lock the screen to the other orientation (rotated by 90 degrees)
const rotate_btn = document.querySelector('#lock_button');
rotate_btn.addEventListener('click', () => {
  log.textContent+=`Lock pressed \n`;

// Unlock button: Unlock the screen orientation (if locked)
const unlock_btn = document.querySelector('#unlock_button');
unlock_btn.addEventListener('click', () => {
  log.textContent+='Unlock pressed \n';
  screen.orientation.unlock();
} );

// Full screen button: Set the example to fullscreen.
const fullscreen_btn = document.querySelector('#fullscreen_button');
fullscreen_btn.addEventListener('click', () => {
  log.textContent+='Fullscreen pressed \n';
  const container = document.querySelector("#example_container");
  container.requestFullscreen().catch( error => {
      log.textContent += `${error}\n`
  });
} );

编译

CSS

HTML

使用Screen Orientation API设置屏幕方向，注意safari目前还不支持。

js, api, device

编辑器支持Emmet

快捷键

使用Screen Orientation API设置屏幕方向，注意safari目前还不支持。

js, api, device

ion-rangeslider滑块形式自定义范围选择器代码示例

Daterangepicker.js和Moment.js实现日期时间范围选择器代码示例

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：