What you will learn from this book
• Set up a working installation of Edge Inspect and get started with testing on multiple mobile devices
• Wirelessly pair and connect multiple mobile devices with your computer. Take control of all your devices right from your computer.
• Browse in sync with your computer. Open your web application in your computer and preview the same page in all connected devices simultaneously.
• Target any mobile device for inspection and then make changes to HTML/CSS/JavaScript and instantly see the changes in the device.
• Create your own simple mobile web application and then test it across multiple devices using Edge Inspect.
• Test pages running from your local HTTP server or localhost on your mobile devices.
• Use your own Weinre server with Edge Inspect and make the testing process even faster.
• Take screenshots of web pages running in all mobile devices and share them with your clients.
• Test pages with authentication and login pages that need you to accept SSL certificates.
In Detail
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.
Who this book is for?
This book is for frontend web developers and designers who are developing and testing web applications targeted for mobile browsers. It’s assumed that you have a basic understanding of creating web applications using HTML, CSS, and JavaScript, as well as being familiar with running web pages from local HTTP servers. Readers are also expected to have a basic knowledge of debugging web applications using developer tools such as the Chrome web inspector. And of course you need some mobile devices for running the example in this book and testing it.
1. Authoring “Adobe Edge Inspect Starter”…
My book “Adobe Edge Inspect Starter” on mobile web debugging, prevewing and testing has been
published and it is now available online. For more details and to purchase you can visit here.
A big thanks to PackPub for giving me this opportunity to w orkwith themand w rite on something w hich is very interesting and
rapidly gaining importance. Specialthanks to Amber Dsouza, Meeta Rajani, Priya Sharma, Charmaine Pereira for guiding
me throughout.
What you will learn from this book
Set up a w orking installation of Edge Inspect and get started w ith testing on multiple mobile devices
Wirelessly pair and connect multiple mobile devices with your computer. Take controlof all your devices right fromyour
computer.
Brow se in sync with your computer. Open your w eb application in your computer and preview the same page in all
connected devices simultaneously.
2. Target any mobile device for inspection and then make changes to HTML/CSS/JavaScript and instantly see the changes
in the device.
Create your ow n simple mobile w eb application and then test it across multiple devices using Edge Inspect.
Test pages running from your localHTTP server or localhost on your mobile devices.
Use your ow n Weinre server with Edge Inspect and make the testing process even faster.
Take screenshotsof web pages running in all mobile devices and share them w ith your clients.
Test pages w ith authentication and login pages that need you to accept SSL certificates.
In Detail
Mobile w eb testing is currently a really time consuming and cumbersome process as there are no direct debugging tools available
w ith mobile w eb browsers. Since mobile devices vary so much it is important to ensure that your w eb page looks as intended ac ross
the multiple mobile devices that you are targeting for your audience. Edge Inspect is a perfect toolfor w eb developersand designers
w ho are developing for mobile devices, allow ing them to simultaneously test on numerous devices in real time as they develop
w ithout learning anything new .
"Instant Adobe Edge Inspect Starter" is a practical, hands-on guide that provides you w ith a number of detailed steps, w hich w ill
help you to get started on testing and preview ing all your mobile w eb projects on multiple mobile devices. This book w ill 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 w ith an introduction to Edge Inspect and w ill take you through a number of clear and detailed steps needed to set
up a w orking installation, and get up and running w ith testing your w eb pages on mobile devices.
You w ill also learn w hy traditional w ays of testing mobile w eb applications are not very helpful and how Adobe Edge Inspect
overcomes it. We w ill take a look at connecting single and multiple mobile devices w ith your computer and how to brow se in sy nc.
We w illlearn about remotely inspecting and preview ing mobile w eb pages on a targeted device and directly see the changes taking
place on the device itself. We w illdiscuss in detail about creating our very ow n simple mobile w eb application, running it f rom a local
server and testing it across mobile devices. We w ill also take a look at how to use the Edge Inspect w eb inspector w indow and do
some basic HTML, CSS, and JavaScript debugging. And then finally w e willtake a look at using our ow n local Weinre debug serv er
w ith Edge Inspect and some other very important features. If you w ant to take advantage of Adobe Edge Inspect and make mobile
w eb testing a lot easier, then this is the book is for you.
"Instant Adobe Edge Inspect Starter" w illguide you in getting started w ith Edge Inspect and w illmake testing on mobile devices a lot
simpler and faster. The book is packed w ith a lot of examples and diagrams that w ill help you to test all your mobile w eb projects
w ithout any hassle.
Who this book is for?
This book is for frontend web developersand designers who are developing and testing w eb applications targeted for mobile
brow sers. It’s assumed that you have a basic understanding of creating w eb applications using HTML, CSS, and JavaScript, as w ell
as being familiar w ith running w eb pages fromlocalHTTP servers. Readers are also expected to have a basic know ledge of
debugging w eb applications using developer tools such as the Chrome w eb inspector. And of course you need some mobile devices
for running the example in this book and testing it.