Book Image

Instant Adobe Edge Inspect Starter

By : Joseph Khan
Book Image

Instant Adobe Edge Inspect Starter

By: Joseph Khan

Overview of this book

Mobile web testing is currently a really time consuming and cumbersome process as there are no direct debugging tools available with mobile web browsers. Since mobile devices vary so much it is important to ensure that your web page looks as intended across the multiple mobile devices that you are targeting for your audience. Edge Inspect is a perfect tool for web developers and designers who are developing for mobile devices, allowing them to simultaneously test on numerous devices in real time as they develop without learning anything new."Instant Adobe Edge Inspect Starter" is a practical, hands-on guide that provides you with a number of detailed steps, which will help you to get started on testing and previewing all your mobile web projects on multiple mobile devices. This book will also show you how to use all the other available features of Edge Inspect and make the entire testing process on mobile devices very simple, effortless, and faster.This book starts with an introduction to Edge Inspect and will take you through a number of clear and detailed steps needed to set up a working installation, and get up and running with testing your web pages on mobile devices. You will also learn why traditional ways of testing mobile web applications are not very helpful and how Adobe Edge Inspect overcomes it. We will take a look at connecting single and multiple mobile devices with your computer and how to browse in sync. We will learn about remotely inspecting and previewing mobile web pages on a targeted device and directly see the changes taking place on the device itself. We will discuss in detail about creating our very own simple mobile web application, running it from a local server and testing it across mobile devices. We will also take a look at how to use the Edge Inspect web inspector window and do some basic HTML, CSS, and JavaScript debugging. And then finally we will take a look at using our own local Weinre debug server with Edge Inspect and some other very important features. If you want to take advantage of Adobe Edge Inspect and make mobile web testing a lot easier, then this is the book is for you."Instant Adobe Edge Inspect Starter" will guide you in getting started with Edge Inspect and will make testing on mobile devices a lot simpler and faster. The book is packed with a lot of examples and diagrams that will help you to test all your mobile web projects without any hassle.
Table of Contents (7 chapters)

Chapter 1. Instant Adobe Edge Inspect Starter

Welcome to Instant Adobe Edge Inspect Starter.

This book has been especially created to provide you with all the information you need to get up to speed with testing and debugging web pages and applications targeted for mobile browsers. This book is a practical, hands-on guide that provides you with a number of detailed steps that will help you to get started on testing and previewing all your mobile web projects on multiple mobile devices. This book will also show you how to use all the other available features of Edge Inspect and make the entire testing process on a mobile device very simple, effortless, and faster.

This document contains the following sections:

So, what is Adobe Edge Inspect? – Find out what Edge Inspect actually is, what you can do with it, and why it's so great.

Installation – Learn how to download and install Adobe Edge Inspect with minimum fuss and then set it up so that you can use it as soon as possible.

Quick start – pairing mobile devices with your computer – This section will show you how to perform one of the core tasks of remote debugging of a mobile web application with Adobe Edge Inspect, for example, pairing and connecting test mobile devices with a computer.

Top 7 features you'll want to know about – Here you will learn how to perform seven tasks with the most important features of Adobe Edge Inspect. By the end of this section, you will be able to perform remote previewing, debugging, and testing of mobile web pages on multiple mobile devices remotely from your computer to ensure that your mobile web page looks as intended across devices that you have targeted for your audience. You will also learn to perform some other commonly used features of Edge Inspect such as taking live screenshots of the application running in all the mobile devices and so on.

People and places you should get to know – This section provides you with many useful links to the official sites and forums of Adobe Edge Inspect, as well as a number of helpful articles, tutorials, blogs, Facebook, and Twitter pages.