Se você é um desenvolvedor web, entusiasta da tecnologia ou simplesmente curioso sobre os recursos oferecidos pelo HTML5, este artigo será útil para você.
O HTML5Test é uma plataforma online que permite testar as capacidades do seu navegador em relação às especificações do HTML5. Com o avanço contínuo da web e a adoção massiva do HTML5 como a linguagem padrão para desenvolvimento web, é crucial garantir que os navegadores suportem adequadamente os recursos mais recentes.
Clique no botão abaixo para acessar a plataforma HTML5Test,
Ao realizar o teste, o HTML5Test avalia uma série de recursos e elementos do HTML5, como vídeo, áudio, elementos de formulário, armazenamento local, APIs para geolocalização e muito mais. A pontuação obtida no teste oferece uma visão geral do quão bem o seu navegador suporta as funcionalidades mais recentes do HTML5.
Usando o HTML5Test
Quando acessar o site não precisará clicar em nada, pois ele já dará resultados e uma pontuação(score) para seu navegador. Por exemplo, no meu caso tive:
YOUR BROWSER SCORES 524 OUT OF 555 POINTS
ou, traduzindo
SEU NAVEGADOR PONTUOU 524 PONTOS DE UM TOTAL DE 555
Veja resultadores mais detalhados:
semantics
| Parsing rules5 | |
|---|---|
<!DOCTYPE html> triggers standards mode | Yes ✔ |
| HTML5 tokenizer | Yes ✔ |
| HTML5 tree building | Yes ✔ |
| HTML5 defines rules for embedding SVG and MathML inside a regular HTML document. The following tests only check if the browser is following the HTML5 parsing rules for inline SVG and MathML, not if the browser can actually understand and render it. | |
| Parsing inline SVG | Yes ✔ |
| Parsing inline MathML | Yes ✔ |
| Elements27/30 | |
|---|---|
| Embedding custom non-visible data | Yes ✔ |
| New or modified elements | |
| Section elements | Yes ✔ |
| Grouping content elements | Yes ✔ |
| Text-level semantic elements | Yes ✔ |
| Interactive elements | Partial ○ |
| Global attributes or methods | |
hidden attribute | Yes ✔ |
| Dynamic markup insertion | Yes ✔ |
| Forms64/65 | |
|---|---|
| Field types | |
input type=text | Yes ✔ |
input type=search | Yes ✔ |
input type=tel | Yes ✔ |
input type=url | Yes ✔ |
input type=email | Yes ✔ |
input type=date | Yes ✔ |
input type=month | Yes ✔ |
input type=week | Yes ✔ |
input type=time | Yes ✔ |
input type=datetime-local | Yes ✔ |
input type=number | Yes ✔ |
input type=range | Yes ✔ |
input type=color | Yes ✔ |
input type=checkbox | Yes ✔ |
input type=image | Yes ✔ |
input type=file | Partial ○ |
textarea | Yes ✔ |
select | Yes ✔ |
fieldset | Yes ✔ |
datalist | Yes ✔ |
output | Yes ✔ |
progress | Yes ✔ |
meter | Yes ✔ |
| Fields | |
| Field validation | Yes ✔ |
| Association of controls and forms | Yes ✔ |
| Other attributes | Yes ✔ |
| CSS selectors | Yes ✔ |
| Events | Yes ✔ |
| Forms | |
| Form validation | Yes ✔ |
| Web Components6/10 | |
|---|---|
| Custom elements | No ✘ |
| Shadow DOM | Yes ✔ |
| HTML templates | Yes ✔ |
| HTML imports | No ✘ |
device access
| Location and Orientation20 | |
|---|---|
| Geolocation | Yes ✔ |
| Device Orientation | Yes ✔ |
| Device Motion | Yes ✔ |
| Output10 | |
|---|---|
| Full screen support | Yes ✔ |
| Web Notifications | Yes ✔ |
| Input10 | |
|---|---|
| Gamepad control | Yes ✔ |
| Pointer Events | Yes ✔ |
| Pointer Lock support | Yes ✔ |
connectivity
| Communication40 | |
|---|---|
| Server-Sent Events | Yes ✔ |
| Beacon | Yes ✔ |
| Fetch | Yes ✔ |
| XMLHttpRequest Level 2 | |
| Upload files | Yes ✔ |
| Response type support | Yes ✔ |
| WebSocket | |
| Basic socket communication | Yes ✔ |
ArrayBuffer and Blob support | Yes ✔ |
| Streams4/6 | |
|---|---|
| Readable streams | Yes ✔ |
| Writable streams | No ✘ |
| Peer To Peer45 | |
|---|---|
| Connectivity | |
| WebRTC 1.0 | Yes ✔ |
| ObjectRTC API for WebRTC | Yes ✔ |
| Data channel | Yes ✔ |
| Input | |
| Access the webcam | Yes ✔ |
| Screen Capture | Yes ✔ |
| Enumerate devices | Yes ✔ |
| Recording | |
| Media Stream recorder | Yes ✔ |
performance & integration
| User interaction19/20 | |
|---|---|
| Drag and drop | |
| Attributes | Partial ○ |
| Events | Yes ✔ |
| HTML editing | |
| Editing elements | Yes ✔ |
| Editing documents | Yes ✔ |
| CSS selectors | Yes ✔ |
| APIs | Yes ✔ |
| Clipboard | |
| Clipboard API and events | Yes ✔ |
| Spellcheck | |
spellcheck attribute | Yes ✔ |
| Performance12 | |
|---|---|
| Workers | |
| Web Workers | Yes ✔ |
| Shared Workers | Yes ✔ |
| Other | |
window.requestIdleCallback | Yes ✔ |
| Security29/32 | |
|---|---|
| Web Cryptography API | Yes ✔ |
| Content Security Policy 1 | Yes ✔ |
| Content Security Policy 2 | Yes ✔ |
| Cross-Origin Resource Sharing | Yes ✔ |
| Subresource Integrity | Yes ✔ |
| Cross-document messaging | Yes ✔ |
| Authentication | |
| Web Authentication / FIDO 2 | No ✘ |
| Credential Management | Yes ✔ |
| Iframes | |
Sandboxed iframe | Yes ✔ |
iframe with inline contents | Yes ✔ |
| Payments5 | |
|---|---|
| Web Payments | Yes ✔ |
multimedia
| Video29/33 | |
|---|---|
video element | Yes ✔ |
| Subtitles | Yes ✔ |
| Audio track selection | No ✘ |
| Video track selection | No ✘ |
| Poster images | Yes ✔ |
| Codec detection | Yes ✔ |
| Video codecs | |
| MPEG-4 ASP support | No ✘ |
| H.264 support | No ✘ |
| H.265 support | No ✘ |
| Ogg Theora support | Yes ✔ |
| WebM with VP8 support | Yes ✔ |
| WebM with VP9 support | Yes ✔ |
| Audio25/30 | |
|---|---|
audio element | Yes ✔ |
| Loop audio | Yes ✔ |
| Preload in the background | Yes ✔ |
| Advanced | |
| Web Audio API | Yes ✔ |
| Speech Recognition | No ✘ |
| Speech Synthesis | No ✘ |
| Audio codecs | |
| PCM audio support | Yes ✔ |
| MP3 support | Yes ✔ |
| AAC support | No ✘ |
| Dolby Digital support | No ✘ |
| Dolby Digital Plus support | No ✘ |
| Ogg Vorbis support | Yes ✔ |
| Ogg Opus support | Yes ✔ |
| WebM with Vorbis support | Yes ✔ |
| WebM with Opus support | Yes ✔ |
| Streaming5 | |
|---|---|
| Media Source extensions | Yes ✔ |
| DRM support | Yes ✔ |
| Adaptive bit rate | |
| Dynamic Adaptive Streaming / MPEG-DASH | No ✘ |
| HTTP Live Streaming / HLS | No ✘ |
| Codecs | |
| Video codecs | Partial ○ |
| Audio codecs | Partial ○ |
3d, graphics & effects
| Responsive images15 | |
|---|---|
picture element | Yes ✔ |
srcset attribute | Yes ✔ |
sizes attribute | Yes ✔ |
| 2D Graphics24/25 | |
|---|---|
| Canvas 2D graphics | Yes ✔ |
| Drawing primitives | |
| Text support | Yes ✔ |
| Path support | Yes ✔ |
| Ellipse support | Yes ✔ |
| Dashed line support | Yes ✔ |
| System focus ring support | Yes ✔ |
| Features | |
| Hit testing support | No ✘ |
| Blending modes | Yes ✔ |
| Image export formats | |
| PNG support | Yes ✔ |
| JPEG support | Yes ✔ |
| JPEG-XR support | No ✘ |
| WebP support | Yes ✔ |
| 3D and VR20/23 | |
|---|---|
| 3D Graphics | |
| WebGL | Yes ✔ |
| WebGL 2 | Yes ✔ |
| VR Headset | |
| WebVR | No ✘ |
| Animation8 | |
|---|---|
| Web Animations API | Yes ✔ |
window.requestAnimationFrame | Yes ✔ |
offline & storage
| Web applications13/17 | |
|---|---|
| Offline resources | |
| Application Cache | No ✘ |
| Service Workers | Yes ✔ |
| Push Messages | Yes ✔ |
| Content and Scheme handlers | |
| Custom scheme handlers | Yes ✔ |
| Custom content handlers | No ✘ |
| Storage35 | |
|---|---|
| Key-value storage | |
| Session Storage | Yes ✔ |
| Local Storage | Yes ✔ |
| Database storage | |
| IndexedDB | Yes ✔ |
Objectstore Blob support | Yes ✔ |
Objectstore ArrayBuffer support | Yes ✔ |
| The Web SQL Database specification is no longer being updated and has been replaced by IndexedDB. Because at least 3 vendors have shipped implementations of this specification we still include it in this test. | |
| Web SQL Database | Yes ✔ |
| Files15 | |
|---|---|
| Reading files | |
| Basic support for reading files | Yes ✔ |
Create a Blob from a file | Yes ✔ |
Create a Data URL from a Blob | Yes ✔ |
Create an ArrayBuffer from a Blob | Yes ✔ |
Create a Blob URL from a Blob | Yes ✔ |
| Accessing the file system | |
| FileSystem API | No ✘ |
| The Directories and System API proposal has failed to gain traction among browser vendors and is only supported in some Webkit based browsers. No additional points are awarded for supporting this API. | |
| File API: Directories and System | Prefixed ✔ |
other
| Scripting30 | |
|---|---|
| Script execution | |
| Asynchronous script execution | Yes ✔ |
| Defered script execution | Yes ✔ |
| Script execution events | No ✘ |
| Runtime script error reporting | Yes ✔ |
| ECMAScript 5 | |
| JSON encoding and decoding | Yes ✔ |
| ECMAScript 6 | |
| Modules | Yes ✔ |
| Classes | Yes ✔ |
| Arrow functions | Yes ✔ |
| Promises | Yes ✔ |
| Template strings | Yes ✔ |
| Typed arrays | Yes ✔ |
| Internationalization | Yes ✔ |
| ECMAScript 7 | |
| Async and Await | Yes ✔ |
| Other API’s | |
| Base64 encoding and decoding | Yes ✔ |
| Mutation Observer | Yes ✔ |
| URL API | Yes ✔ |
| Encoding API | Yes ✔ |
| Other9 | |
|---|---|
| Session history | Yes ✔ |
| Page Visibility | Yes ✔ |
| Text selection | Yes ✔ |
| Scroll into view | Yes ✔ |
Comment on “HTML5Test: Avaliando o Desempenho do seu Navegador para o HTML5”