chrome weak up api, keep screen on, 屏幕常亮

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

export function wakeLock () {
  if ('wakeLock' in navigator && 'request' in navigator.wakeLock) {
    console.log('wakeLock supported')
    try {
      navigator.wakeLock.request('screen')
      console.log('Wake Lock is active')
    } catch (e) {
      console.error(`${e.name}, ${e.message}`)
    }
  } else {
    console.log('no wakeLock support')
  }
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

<script lang="ts">
import HelloWorld from './components/HelloWorld.vue'
import { Component, Vue } from 'vue-property-decorator'
import { wakeLock } from './assets/keep-screen-on.js'

@Component({
  components: { HelloWorld }
})
export default class App extends Vue {
  drawer = false
  foo = ''

  mounted () {
    this.$vuetify.theme.dark = true
    wakeLock()
  }
}
</script>