12
Technology FYI Web Developer Tools: Using Inspect Element Bishop O’Dowd High School Finding God in All Things

Technology FYI: inspect element

Embed Size (px)

DESCRIPTION

This was a quick and short presentation that I gave to our Academic Council about how a benign tool like Google Chrome's inspect element could be exploited to produce doctored webpages. Note: Slide 10 is a video clip of me demonstrating how to use inspect element.

Citation preview

Page 1: Technology FYI: inspect element

Technology FYIWeb Developer Tools: Using Inspect Element

Bishop O’Dowd High School

Finding God in All Things

Page 2: Technology FYI: inspect element

Overview Students are able to take advantage of a web developer tool

and used it to falsify the content and appearance of web

pages while shown on a computer.

One student has faced disciplinary action for faking a

message sent by a teacher.

Bishop O’Dowd High School

Finding God in All Things

Page 3: Technology FYI: inspect element

Example

Page 4: Technology FYI: inspect element

What It Is

A tool used by web developers to view how a change to a webpage

will look, before actually changing the code to it.

A feature in all browsers (Chrome, Firefox, Safari, even Internet

Explorer).

It’s been available in various browsers since as early as 2006.

Bishop O’Dowd High School

Finding God in All Things

Page 5: Technology FYI: inspect element

What It Is Not “Hacking” – Users are not actually changing the source

code .

Permanent – Changes made using Inspect Element exist

only on the user’s computer and web page, for that time.

Hitting Refresh reverts the page to its original content.

Bishop O’Dowd High School

Finding God in All Things

Page 6: Technology FYI: inspect element

How it can be used As a marketing gimmick.

As a prank.

Bishop O’Dowd High School

Finding God in All Things

Page 7: Technology FYI: inspect element

Before After

As a Viral Marketing Gimmick

Bishop O’Dowd High School

Finding God in All Things

Page 8: Technology FYI: inspect element

As a Prank

Bishop O’Dowd High School

Finding God in All Things

Page 9: Technology FYI: inspect element

As a Prank

Page 10: Technology FYI: inspect element

How Easy It Is

Bishop O’Dowd High School

Finding God in All Things

Page 11: Technology FYI: inspect element

How We Get Your Back All messages sent to students pass through servers and

create a log file or record.

Messages sent also generate a notification, which we can

retrieve.

Lack of a “paper trail” indicates a false message.

Bishop O’Dowd High School

Finding God in All Things

Page 12: Technology FYI: inspect element

How We Address It This is an issue of Responsible Internet Use and it is

covered in our Technology Policies in our Student Handbook.

This is a disciplinary issue and is handled as such.

Bishop O’Dowd High School

Finding God in All Things