in 2009 the first version of chrome was launched and at the time it was a
cutting-edge browser it really disrupted web browsers market shares but would it
still be able to handle today's websites let's find out in this video the first
test is reddit reddit use flex layout on almost everything on a page which is not
supported and to Chrome version 29 so the result is most of the elements were
aligned incorrectly here you can also see the app and download buttons and
several icons for missing this because they use iconic font and loaded with
@font-face which is not supported until chrome version 4 the plus sign at the
join button is also missing because they use an inline SVG image which is
also not supported until Chrome version 4 next test is YouTube
it looks like the site was reverted back to the classic mode the video player is
broken the old version of YouTube used Flash Player and they switch to html5 at
around 2015 apparently not supported by the first version of Chrome also on off
dynamically loaded content were missing due to incorrect source location
probably problems with the JavaScript the YouTube logo at the top was not scaled
properly due to the background image size property was not supported until
version 4
let's try code pen one of the most popular web developers code sharing I was
greeted by an old version of reCAPTCHA that I have to tick the check box and
copy the verification code manually in order to pass the test and after
reCAPTCHA it seems there are some problems with dynamically
loaded content and nothing is showing at all
Facebook surprisingly works even the content was dynamically loaded well
almost everything works except the links that you can click on if you look at a
profile image you see the square image instead of circle due to the border-radius
is not working until six months later with a chrome version 4 Instagram the
site was completely broken and nothing to be seen at all looking at a console
the whole content was supposed to be dynamically loaded with JavaScript and
it appears that the grandpa chrome was unable to handle this code at all bummer
and the next test is Twitter they switched to Twitter Mobile's with a low
profile web design personally I think this is kind of brilliant and
cost-effective as most users use Twitter apps anyway so they only just maintaine
a mobile site with a low profile design as a fallback for older browsers support
Wikipedia this is quite a surprise completely messed up despite the site is
quite simple and text-based after I look at a code I found that most of the
margin properties were coded in media query which only became fully support by
Chrome version 21 and above and that's the reason why the whole site was messed
up and overlaying each others so after these tests I feel that web development
technology has evolved and changed dramatically in the past 10 years to the
point at the cutting edge browser at that time is completely unable to handle
today's website any more so it is really important for us developers to keep
learning new things and that's all for this video don't forget to subscribe to
stay tuned for more development tips and tutorial videos thanks for watching and
see you next time bye