/    Sign up×
Community /Pin to ProfileBookmark

How do I disect Javascript from a website?

Copy linkTweet thisAlerts:
Apr 05.2018

For example, this website. How would I dissect and look at how certain effects are done?
It looks sooo fancy. MASSIVE improvement from before.

I love the stylish look.

Other websites: trying to follow code is super hard. It’s a big mess and/or it’s minified.

Do the expert see an effect or animation and immediately know how its done?
I can’t imagine someone sifting through and deciphering 1000’s of lines of code – surely it’s like joining shredded paper?

Thanks.

to post a comment
JavaScript

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@FlarumMigratorApr 05.2018 — I personally use Chrome Dev Tools, right click on a area of the page in Chrome and at the bottom of the context menu there is a option to Inspect.

Here are some links with information on how to use the Developer Tools, use your GoogleFu and search around for "Chrome Developer Tools" and you should be able to find more guides also.

[HTML5 Rocks Chrome Developer Tools](https://www.html5rocks.com/en/tutorials/developertools/part1/)

[Paul Irish Chrome Developer Tools 2](https://www.paulirish.com/2011/a-re-introduction-to-the-chrome-developer-tools/)
×

Success!

Help @OM2 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...