IoT浏览器开发规范参考

       

      ● 用浏览器进行IoT设备开发，除了资源占用小，运行效率高，充分发挥硬件资源之外，更能提供丰富且强大的功能支持。

      ● 开发IoT设备，养成良好编码习惯同样很重要，有助于提高代码可读性、扩展性、美观性，也能减少Bug出现率，即使出现也可以很快定位问题，解决问题。

       

    以下为IoT浏览器开发规范参考（内含链接）：

     

      HTML elements

      • <a>
      • <audio>
      • <body>
      • <br>
      • <div>
      • <head>
      • <html>
      • <link> (with type="text/css")
      • <lottie-player>
      • <meta>
      • <script>
      • <span>
      • <style>
      • <title>
      • <video>

      CSS properties

      • align-content
      • align-items
      • align-self
      • animation
      • background, background-color, background-image
      • border, border-top, border-bottom, border-left, border-right
      • border-radius
      • border-style
      • border-width
      • box-shadow
      • color
      • content
      • display
      • dpi
      • flex
      • flex-basis
      • flex-direction
      • flex-flow
      • flex-grow
      • flex-shrink
      • flex-wrap
      • font
      • @font-face
      • font-family
      • font-size
      • font-style
      • font-weight
      • justify-content
      • line-height
      • margin, margin-top, margin-bottom, margin-left, margin-right
      • max-height, max-width
      • @media
      • opacity
      • order
      • overflow
      • padding, padding-top, padding-bottom, padding-left, padding-right
      • position
      • top, bottom, left, right
      • transform
      • transform-origin
      • transition
      • transition-delay
      • transition-duration
      • transition-property
      • transition-timing-function
      • text-align
      • text-indent
      • text-overflow
      • text-shadow
      • text-transform
      • vertical-align (supported values: top, bottom, middle, baseline)
      • visibility
      • white-space
      • z-index

      CSS selectors

      • Simple selectors: '*', type, .class, #id, :empty, :focus, :not()
      • Pseudo elements: :before, :after,
      • Combinators: ' ', '>', '+', '~'
      • Grouping with ','

      JavaScript Web APIs

      • Crypto.getRandomValues
      • CSSOM (partial)
      • CSSOM View (no scrolling, moving, resizing)
      • Console.log
      • CORS
      • DOM4 (partial)
      • EncryptedMedia Extensions v0.1b (unprefixed)
      • Fetch (supports text(), JSON(), arrayBuffer(), types)
      • Image (for preloading and caching only)
      • Intersection Observer
      • Media Session
      • Media Source Extensions, Editor's Draft 09 August 2012
      • Streams API
      • SubtleCrypto
      • Typed Arrays (partial)
      • URL (partial)
      • Web Audio API (partial)
      • Web Storage API
      • WebIDL Level 2
      • WebSocket API
      • window.atob() and window.btoa()
      • XMLHttpRequest Level 1

      Protocols

      • https:
      • h5vcc-embedded: (for embedded resources)
      • Content Security Policy Level 2 in HTTP headers is required, and report-only is disabled.
      • QUIC
      • SPDY

      Media formats

      Containers

      • FLV
      • MKV (for WebM)
      • MP4/FMP4
      • WAV

      Encodings (depending on platform support)

      • 16-bit stereo PCM audio (for sound effects)
      • AAC
      • AV1
      • AVC (H.264) at 1080p/60fps (Level 4.2)
      • Dolby Digital (AC-3)
      • Dolby Digital Plus (Enhanced AC-3, or EAC-3)
      • HEVC (H.265)
      • VP8/Vorbis
      • VP9/Opus

      Images

      • JPEG
      • PNG
      • WebP (including animated)