Amazon Silk - User Guide

1 Amazon SilkDeveloper GuideAmazon silk Developer GuideAmazon silk : Developer GuideCopyright 2019 Amazon Web Services, Inc. and/or its affiliates. All rights 's trademarks and trade dress may not be used in connection with any product or service that is not Amazon 's, in any mannerthat is likely to cause confusion among customers, or in any manner that disparages or discredits Amazon . All other trademarks notowned by Amazon are the property of their respective owners, who may or may not be affiliated with, connected to, or sponsored silk Developer GuideTable of ContentsWhat Is Amazon silk ?

2 1 Split Browser Architecture .. 1 Machine Learning.. 2 Getting Started with Amazon silk .. 3 Are You an Amazon silk User? .. 3 Are You a Site Owner? .. 3 Accessing the User Guide .. 3 Accessing the Settings Menu .. 4 Developing Web Content for Amazon silk .. 6 Responsive Web design .. 6 How Does Responsive Web design Work? .. 8 Responsive design and Amazon silk .. 9 The Takeaway .. 11 Additional Resources .. 11 Feature Detection .. 11 How To Detect a Feature .. 12 Additional Resources .. 13 User Agent Strings and Detection.

3 13 User Agent String Examples .. 14 User Agent Detection .. 14 Media Handling.. 15 Images.. 16 Audio.. 16 Video.. 16 Touch .. 17 Touch Example Using jQuery Mobile .. 18 Additional Resources .. 20 Screen Resolution .. 20 Secure Connections .. 21 JavaScript .. 21 JavaScript Loading .. 22 Remote Debugging .. 23 Remote Debugging for Older Versions of silk .. 24Do Not Track .. 26 Additional Resources .. 26 HTML5 Support .. 27 HTML5 APIs.. 27 Animation Timing API.. 28 Application Cache API.. 28 Cross-Origin Resource Sharing.

4 28 File API.. 28 File System API .. 29 Geolocation API.. 29 Indexed Database API .. 29 Server-Sent Events .. 29 Touch Events .. 30 XMLHttpRequest Level 2 .. 30 Web SQL Database .. 30 Web Storage .. 30 Web Workers API .. 30 WebGL .. 30 WebSocket API .. 31 HTML5 Elements and Attributes .. 31 Audio Element.. 31iiiAmazon silk Developer GuideCanvas Element .. 32contenteditable Attribute .. 32 Input Types .. 32 Keygen Element .. 33 Meter Element.. 33 Output Element.. 33 Progress Element .. 34 SVG Element .. 34 Video Element.

5 34 CSS3 Support .. 35 Media Queries.. 35 Transform Property (2D) .. 35 Transitions .. 36viewport Meta Element .. 36 Tutorials .. 37 Detect the silk User Agent .. 37 Create Drop-down Menus for a Touch Screen .. 38 Troubleshooting .. 42 How do I determine the Amazon silk build version? .. 42 How do I find the number for an older version? .. 43 Why is the mobile (or desktop) version of my site being delivered? .. 43 How do I determine the client's IP address? .. 43 Obtaining the Client IP Address .. 43 Why won't my Flash content play?

6 44 Resources .. 45 Sites.. 45 Video Talks and Tutorials .. 45 Books.. 46 Document History .. 47ivAmazon silk Developer GuideSplit Browser ArchitectureWhat Is Amazon silk ?Topics Split Browser Architecture (p. 1) Machine Learning (p. 2) Amazon silk is a next-generation web browser available only on Fire tablets and phones. Built on a splitarchitecture that divides processing between the client and the Amazon cloud, Amazon silk is designedto create a faster, more responsive mobile browsing other browsers, Amazon silk has the vast capacity of Amazon Web Services (AWS) behind it.

7 UsingAWS, Amazon silk analyzes aggregate web traffic patterns, preprocesses pages, and applies predictivealgorithms to determine the fastest way to deliver content to the minimize latency and page load times, Amazon silk routes requests through remote proxy serverspowered by Amazon EC2. These cloud servers provide high-performance connection speeds andcomputing power not normally available to a mobile form Browser ArchitectureWhen a traditional browser requests a web page, the browser has to complete a series of resource-intensive, client-side processes before it can display the page.

8 For a typical page request, a browser mightperform a DNS look-up, open a series of TCP/IP connections to the server, retrieve resources (HTML, CSS,JavaScript, media files), and use these resources to generate a document object model (DOM). Then thebrowser s layout engine renders a layout , and the browser paints the of these client-server interactions can add up to slow page loads, especially given the limitedresources of a mobile device and the increasing size and complexity of modern websites. To load anews page that features many media components and scripts, the browser might need to make severalhundred requests.

9 And the initial page load isn t the only aspect of browsing that consumes systemresources. Dynamic modern web pages invite many additional interactions. Users scroll, zoom, andinitiate on-page events that result in JavaScript invocations or style recalculations. More and more, webpages are turning into long-running 's where Amazon silk comes in. The architecture is designed for both rapid page loading andextended engagement with the page. With Amazon silk , much of the processing behind page renderingcan be performed in the Amazon silk Developer GuideMachine LearningInstead of relying on the limited client-side processing power of a mobile device, Amazon silk leveragesthe processing power of Amazon EC2 virtual servers.

10 The EC2 servers provide high-performance CPUs,expansive memory, and fat network pipes, all of which help minimize page load LearningAll browsers make an effort to optimize performance over time. A simple example is device-side caching,wherein the browser temporarily stores requested resources so that subsequent requests can be fulfilledmore efficiently. However, many optimizations are limited because they re based only on individualbrowsing behavior and because they tend to be ephemeral. For example, clearing browsing data cancelsthe performance gains made by combining machine learning with the resources available in the Amazon cloud, Amazon silk realizesnew possibilities in optimization.