The author of "HTML5 Mobile Web Development Practice" is a member of the HTML5 Boilerplate project and the main developer of MobileBoilerplate (

HTML5 Mobile Web Development Practice Table of Contents:

Chapter 1 HTML5 and mobile websites
1.1 Introduction
1.2 Determine the mobile devices suitable for the website
1.2.1 What platforms and browsers are most commonly used by users
1.2.2 How many users use mobile devices that support modern scripts
1.2.3 Alternatives to Google Analytics
1.2.4 Accuracy of Google Analytics
1.2.5 Concerns about the server’s reading speed
1.3 Configuring mobile development tools
1.3.1 Preparation
1.3.2 Practice
1.3.3 Review
1.3.4 Extension
1.4 BlackBerry Emulator
1.4.1 Preparation
1.4.2 Practice
1.5 Configuring mobile development environment
1.5.1 Preparation
1.5.2 Practice
1.5.3 Review
1.5.4 Extension
1.6 Using HTML5 in mobile websites
1.6.1 Preparation
1.6.2 Practice
1.6.3 Review
1.6.4 Extension
1.7 Cross-browser HTML5
1.7.1 Preparation
1.7.2 Practice
1.7.3 Review
1.7.4 Extension
1.8 Mobile design
1.8.1 Preparation
1.8.2 Practice
1.8.3 Review
1.8.4 Extension
1.9 Define a content strategy
1.9.1 Preparation
1.9.2 Practice
1.9.3 Review
1.9.4 Extension
Chapter 2 Configuration and Optimization of Mobile Terminal
2.1 Introduction
2.2 Start the web application through the interface icon
2.2.1 Preparation
2.2.2 Practice
2.2.3 Review
2.2.4 Extension
2.2.5 Reference
2.3 Avoid text font size reset
2.3.1 Preparation
2.3.2 Practice
2.3.3 Review
2.3.4 Extension
2.4 Optimize browser viewport width setting
2.4.1 Preparation
2.4.2 Practice
2.4.3 Review
2.4.4 Extension
2.5 Fix the re-flow scale problem of mobile version of Safari
2.5.1 Preparation
2.5.2 Practice
2.5.3 Review
2.5.4 Extension
2.6 Start mobile phone native applications in the browser
2.6.1 Preparation
2.6.2 Practice
2.6.3 Review
2.6.4 Extension
2.7 Start full screen mode on iPhone
2.7.1 Preparation
2.7.2 Practice
2.7.3 Review
2.7.4 Extension
2.8 Prevent iOS from automatically zooming when focusing
2.8.1 Preparation
2.8.2 Practice
2.8.3 Review
2.8.4 Extension
2.9 Disable or limit some WebKit features
2.9.1 Preparation
2.9.2 Practice
2.9.3 Review
2.9.4 Extension
Chapter 3 Interaction Methods of Mobile Devices
3.1 Introduction
3.2 Use touch to move page elements
3.2.1 Preparation
3.2.2 Practice
3.2.3 Review
3.2.4 Extension
3.2.5 Reference
3.3 Detecting and processing horizontal and vertical screen switching events
3.3.1 Preparation
3.3.2 Practice
3.3.3 Review
3.3.4 Extension
3.3.5 Reference
3.4 Use gestures to rotate page elements
3.4.1 Preparation
3.4.2 Practice
3.4.3 Review
3.4.4 Extension
3.4.5 Reference
3.5 Use sliding to create a gallery
3.5.1 Preparation
3.5.2 Practice
3.5.3 Review
3.5.4 Extension
3.5.5 Reference
3.6 Use gestures to operate image zoom
3.6.1 Preparation
3.6.2 Practice
3.6.3 Review
3.6.4 Extension
3.6.5 Reference
Chapter 4 Building a Fast and Responsive Mobile Internet Site
4.1 Introduction
4.2 Use HTML5 syntax to build pages
4.2.1 Preparation
4.2.2 Practice
4.2.3 Review
4.2.4 Extension
4.2.5 Reference
4.3 Use CSS3 features for progressive enhancement
4.3.1 Preparation
4.3.2 Practice
4.3.3 Review
4.3.4 Extension
4.3.5 Reference
4.4 Use responsive design
4.4.1 Preparation
4.4.2 Practice
4.4.3 Review
4.4.4 Extension
4.5 Optimize the loading speed of polyfills scripts
4.5.1 Preparation
4.5.2 Practice
4.5.3 Review
4.5.4 Extension
4.5.5 Reference
4.6 Detecting user clients
4.6.1 Preparation
4.6.2 Practice
4.6.3 Review
4.6.4 Extension
4.7 Use bookmark bubbles to add desktop shortcuts to applications
4.7.1 Preparation
4.7.2 Practice
4.7.3 Review
4.7.4 Reference
4.8 Build an automatically scalable text input box
4.8.1 Preparation
4.8.2 Practice
4.8.3 Review
4.8.4 Extension
4.8.5 Reference
4.9 Acceleration button feedback
4.9.1 Preparation
4.9.2 Practice
4.9.3 Review
4.9.4 Extension
4.9.5 Reference
4.10 Hide the browser’s address bar
4.10.1 Preparation
4.10.2 Practice
4.10.3 Review
4.10.4 Reference
4.11 Constructing a site map for mobile Internet sites
4.11.1 Preparation
4.11.2 Practice
4.11.3 Review
4.11.4 Extension
Chapter 5 Mobile Device Access
5.1 Introduction
5.2 Obtain location information
5.2.1 Preparation
5.2.2 Practice
5.2.3 Review
5.2.4 Extension
5.3 Cross-browser positioning
5.3.1 Preparation
5.3.2 Practice
5.3.3 Review
5.3.4 Extension
5.4 Displaying maps based on geographical information
5.4.1 Preparation
5.4.2 Practice
5.4.3 Review
5.4.4 Extension
5.5 Real-time display of geographical location
5.5.1 Preparation
5.5.2 Practice
5.5.3 Review
5.6 Using DeviceOrientation event
5.6.1 Preparation
5.6.2 Practice
5.6.3 Review
5.6.4 Extension
5.7 Positioning using foursquare
5.7.1 Preparation
5.7.2 Practice
5.7.3 Review
5.7.4 Extension
Chapter 6 Mobile Rich Media
6.1 Introduction
6.2 Playing audio on mobile devices
6.2.1 Preparation
6.2.2 Practice
6.2.3 Review
6.2.4 Extension
6.3 Playing videos on mobile devices
6.3.1 Preparation
6.3.2 Practice
6.3.3 Review
6.3.4 Extension
6.4 Using offline cache
6.4.1 Preparation
6.4.2 Practice
6.4.3 Review
6.4.4 Extension
6.5 Using Web Storage
6.5.1 Preparation
6.5.2 Practice
6.5.3 Review
6.5.4 Extension
6.6 Using Web Workers
6.6.1 Preparation
6.6.2 Practice
6.6.3 Review
6.7 Use session and history API to build Flash-like navigation effects
6.7.1 Preparation
6.7.2 Practice
6.7.3 Review
6.7.4 Extension
Chapter 7 Mobile Device Debugging
7.1 Introduction
7.2 Remote debugging using Opera Dragonfly
7.2.1 Preparation
7.2.2 Practice
7.2.3 Review
7.2.4 Extension
7.3 Use weinre remote debugging
7.3.1 Preparation
7.3.2 Practice
7.3.3 Review
7.4 Using Firebug on mobile devices
7.4.1 Preparation
7.4.2 Practice
7.4.3 Review
7.4.4 Extension
7.5 Remote debugging using JS Console
7.5.1 Preparation
7.5.2 Practice
7.5.3 Review
7.5.4 Extension
7.6 Setting up the mobile Safari debugger
7.6.1 Preparation
7.6.2 Practice
7.6.3 Review
Chapter 8 Server-side Performance Tuning
8.1 Introduction
8.2 Prevent mobile device transcoding (Mobile Transcoding)
8.2.1 Preparation
8.2.2 Practice
8.2.3 Review
8.2.4 Extension
8.3 Add MIME types supported by mobile devices
8.3.1 Preparation
8.3.2 Practice
8.3.3 Review
8.3.4 Extension
8.4 Correctly display the cache manifest file
8.4.1 Preparation
8.4.2 Practice
8.4.3 Review
8.5 Set the future expiration time in the header file
8.5.1 Preparation
8.5.2 Practice
8.5.3 Review
8.5.4 Extension
8.6 Use Gzip compression
8.6.1 Preparation
8.6.2 Practice
8.6.3 Review
8.6.4 Extension
8.7 Remove ETags
8.7.1 Preparation
8.7.2 Practice
8.7.3 Review
8.7.4 Extension
Chapter 9 Mobile Performance Testing
9.1 Introduction
9.2 Mobile device speed test using Blaze
9.2.1 Preparation
9.2.2 Practice
9.2.3 Review
9.2.4 Extension
9.3 Online analysis of mobile page speed
9.3.1 Preparation
9.3.2 Practice
9.3.3 Review
9.3.4 Extension
9.4 PCAP website performance analysis
9.4.1 Preparation
9.4.2 Practice
9.4.3 Review
9.4.4 Extension
9.5 Mobile HTTP Archive
9.5.1 Preparation
9.5.2 Practice
9.5.3 Review
9.5.4 Extension
9.6 Use Jdrop to store performance data
9.6.1 Preparation
9.6.2 Practice
9.6.3 Review
9.6.4 Extension
Chapter 10 Embracing the Characteristics of Mobile Internet
10.1 Introduction
10.2 window.onerror
10.2.1 Preparation
10.2.2 Practice
10.2.3 Review
10.2.4 Extension
10.3 Using new methods in ECMAScript 5
10.3.1 Preparation
10.3.2 Practice
10.3.3 Review
10.3.4 Extension
10.4 New input types in HTML5
10.4.1 Preparation
10.4.2 Practice
10.4.3 Review
10.4.4 Extension
10.5 Embed SVG in HTML
10.5.1 Preparation
10.5.2 Practice
10.5.3 Review
10.5.4 Extension
10.6 position:fixed
10.6.1 Preparation
10.6.2 Practice
10.6.3 Review
10.7overflow:scroll
10.7.1 Preparation
10.7.2 Practice
10.7.3 Review
10.7.4 Extension

Statement of this Website
All resources on this website are contributed and published by netizens, or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this website are for learning and reference only. Please do not use them for commercial purposes, otherwise you will be responsible for all consequences incurred! If there is any infringement, please contact us to delete and remove it. Contact information: admin@php.cn

Related recommendations

Handmade baked food website template

Handmade baked food website template website template is a website template that provides various handmade baked food promotion website templates for download. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2023-10-30

Modern artificial intelligence writing service company website template

Modern artificial intelligence writing service company website template is a company promotional website template download that provides artificial intelligence writing services. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2023-10-30

Solution planning solution service studio website template

The plan planning solution service studio website template is a company promotional website template download that provides various planning plan services. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2023-10-30

Smart Business Consulting Services Company Website Template

Intelligent business consulting service company website template is a company promotional website template download that provides various business consulting services. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2023-10-25

IT solution provider promotional website template

IT solution provider promotional website template is a promotional website template download suitable for companies that provide various IT technology solutions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2023-10-25

HTML5 enterprise blockchain service website template

HTML5 enterprise blockchain service website template is a company promotional website template download that provides blockchain services for enterprises. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2023-10-24

Indian religious culture education website template

The Indian religious and cultural education website template is a website template download suitable for Indian religious, cultural and educational publicity services. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2023-10-24

Minimalist purple style IT solutions company website template

Minimalist purple style IT solution company website template is a website template that provides T solution company promotional website template website template download. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2023-10-24

Popular Recommendations

TP5 actual combat_teaching management system whole site source code

This set of tutorials uses a real school teaching management system as an example to teach you step by step how to quickly develop a commercial project using the ThinkPHP5 framework on a piece of white paper, starting from scratch, allowing you to quickly get started with TP5 project development. .

PHP common function summary table

Commonly used functions in PHP, functions that are often used during development

PHP practical Tianlongbabu imitation iQiyi movie website courseware

PHP practical Tianlongbabu imitation iQiyi movie website courseware

TP5 enterprise website development source code

This site's "ThinkPHP5 Enterprise Site Rapid Development Course" package

Thinkphp6.0 official version video tutorial

Thinkphp6.0 official version video tutorial

thinkphp3.2.3 blog template

thinkphp3.2.3 blog template

Courseware related to practical development of general backend management system (Thinkphp6+Layui)

Courseware related to practical development of general backend management system (Thinkphp6+Layui)

ThinkPHP5 mall project practical video tutorial courseware source code

ThinkPHP5 mall project practical video tutorial courseware source code

Day 49~58 teaching source code

Day 49~58 teaching source code

Live class_Blog project source code

Live class_Blog project source code