Like this? Share it with your network

Share

Authoring “Adobe Edge Inspect Starter”…

  • 396 views
Uploaded on

What you will learn from this book ...

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.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
396
On Slideshare
396
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Authoring “Adobe Edge Inspect Starter”…My book “Adobe Edge Inspect Starter” on mobile web debugging, prevewing and testing has beenpublished 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 work with them and write on something which is very interesting andrapidly gaining importance. Special thanks to Amber Dsouza, Meeta Rajani, Priya Sharma, Charmaine Pereira for guidingme throughout.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.
  • 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 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 DetailMobile web testing is currently a really time consuming and cumbersome process as there are no direct debugging tools availablewith mobile web browsers. Since mobile devices vary so much it is important to ensure that your web page looks as intended acrossthe multiple mobile devices that you are targeting for your audience. Edge Inspect is a perfect tool for web developers and designerswho are developing for mobile devices, allowing them to simultaneously test on numerous devices in real time as they developwithout learning anything new."Instant Adobe Edge Inspect Starter" is a practical, hands-on guide that provides you with a number of detailed steps, which willhelp you to get started on testing and previewing all your mobile web projects on multiple mobile devices. This book will also showyou 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 setup 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 Inspectovercomes 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 takingplace on the device itself. We will discuss in detail about creating our very own simple mobile web application, running it from a localserver and testing it across mobile devices. We will also take a look at how to use the Edge Inspect web inspector window and dosome basic HTML, CSS, and JavaScript debugging. And then finally we will take a look at using our own local Weinre debug serverwith Edge Inspect and some other very important features. If you want to take advantage of Adobe Edge Inspect and make mobileweb 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 lotsimpler and faster. The book is packed with a lot of examples and diagrams that will help you to test all your mobile web projectswithout any hassle.Who this book is for?This book is for frontend web developers and designers who are developing and testing web applications targeted for mobilebrowsers. It’s assumed that you have a basic understanding of creating web applications using HTML, CSS, and JavaScript, as wellas being familiar with running web pages from local HTTP servers. Readers are also expected to have a basic knowledge ofdebugging web applications using developer tools such as the Chrome web inspector. And of course you need some mobile devicesfor running the example in this book and testing it.