cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <main>
  <h1>Netscape Navigator</h1>

  <p>
    <a href="https://upload.wikimedia.org/wikipedia/en/1/1f/Mosaic_Netscape_0.9_on_Windows_XP.png"><img src="https://upload.wikimedia.org/wikipedia/en/1/1f/Mosaic_Netscape_0.9_on_Windows_XP.png" alt="Mosaic Netscape 0.9, a pre-1.0 version"></a>
  </p>
  
  <p>
    <a href="http://en.wikipedia.org/wiki/Netscape_Navigator">From Wikipedia</a>. To <a href="#History_and_development">History</a>. Do not <a href="mailto:foo@bar.com">email me</a>.
  </p>

  <p><b>Netscape Navigator</b> is a discontinued <a href="https://en.wikipedia.org/wiki/Proprietary_software" title="Proprietary software">proprietary</a> <a href="https://en.wikipedia.org/wiki/Web_browser" title="Web browser">web browser</a>, and the original
    browser of the <a href="https://en.wikipedia.org/wiki/Netscape_(web_browser)" title="Netscape (web browser)">Netscape</a> line, from versions 1 to 4.08, and 9.x. It was the <a href="https://en.wikipedia.org/wiki/Flagship" title="Flagship">flagship</a>    product of the <a href="https://en.wikipedia.org/wiki/Netscape" title="Netscape">Netscape Communications Corp</a> and was the dominant web browser in terms of <a href="https://en.wikipedia.org/wiki/Usage_share_of_web_browsers" title="Usage share of web browsers">usage share</a>    in the 1990s, but by 2002 its use had almost disappeared. This was primarily due to the increased use of <a href="https://en.wikipedia.org/wiki/Microsoft" title="Microsoft">Microsoft</a>'s <a href="https://en.wikipedia.org/wiki/Internet_Explorer"
      title="Internet Explorer">Internet Explorer</a> web browser software, and partly because the Netscape Corporation (later purchased by <a href="https://en.wikipedia.org/wiki/AOL" title="AOL">AOL</a>) did not sustain Netscape Navigator's technical innovation
    after the late 1990s.</p>
  <p>The business demise of Netscape was a central premise of <a href="https://en.wikipedia.org/wiki/Microsoft_antitrust_trial" class="mw-redirect" title="Microsoft antitrust trial">Microsoft's antitrust trial</a>, wherein the Court ruled that <a href="https://en.wikipedia.org/wiki/Microsoft_Corporation"
      class="mw-redirect" title="Microsoft Corporation">Microsoft Corporation</a>'s bundling of Internet Explorer with the <a href="https://en.wikipedia.org/wiki/Microsoft_Windows" title="Microsoft Windows">Windows operating system</a> was a <a href="https://en.wikipedia.org/wiki/Monopoly"
      title="Monopoly">monopolistic</a> and illegal business practice. The decision came too late for Netscape, however, as Internet Explorer had by then become the dominant web browser in Windows.</p>
  <p>The Netscape Navigator web browser was succeeded by the <a href="https://en.wikipedia.org/wiki/Netscape_Communicator" title="Netscape Communicator">Netscape Communicator</a> suite in 1997. Netscape Communicator's 4.x source code was the base for the
    Netscape-developed <a href="https://en.wikipedia.org/wiki/Mozilla_Application_Suite" title="Mozilla Application Suite">Mozilla Application Suite</a>, which was later renamed <a href="https://en.wikipedia.org/wiki/SeaMonkey" title="SeaMonkey">SeaMonkey</a>.
    Netscape's Mozilla Suite also served as the base for a browser-only spinoff called <a href="https://en.wikipedia.org/wiki/Mozilla_Firefox" class="mw-redirect" title="Mozilla Firefox">Mozilla Firefox</a>.</p>
  <p>The Netscape Navigator name returned in 2007 when <a href="https://en.wikipedia.org/wiki/AOL" title="AOL">AOL</a> announced version 9 of the <a href="https://en.wikipedia.org/wiki/Netscape_(web_browser)" title="Netscape (web browser)">Netscape</a> series
    of browsers, <a href="https://en.wikipedia.org/wiki/Netscape_Navigator_9" title="Netscape Navigator 9">Netscape Navigator 9</a>. On 28 December 2007, AOL canceled its development but continued supporting the web browser with security updates until
    1 March 2008. AOL allows downloading of archived versions of the Netscape Navigator web browser family. AOL maintains the Netscape website as an <a href="https://en.wikipedia.org/wiki/Web_portal" title="Web portal">Internet portal</a>.</p>
  <p></p>

  <p></p>
  <h2><span class="mw-headline" id="History_and_development">History and development</span></h2>
  <h3><span class="mw-headline" id="Origin">Origin</span></h3>

  <p>Netscape Navigator was inspired by the success of the <a href="https://en.wikipedia.org/wiki/Mosaic_(web_browser)" title="Mosaic (web browser)">Mosaic</a> web browser, which was co-written by <a href="https://en.wikipedia.org/wiki/Marc_Andreessen" title="Marc Andreessen">Marc Andreessen</a>,
    a part-time employee of the <a href="https://en.wikipedia.org/wiki/National_Center_for_Supercomputing_Applications" title="National Center for Supercomputing Applications">National Center for Supercomputing Applications</a> and a student at the
    <a
      href="https://en.wikipedia.org/wiki/University_of_Illinois_at_Urbana-Champaign" class="mw-redirect" title="University of Illinois at Urbana-Champaign">University of Illinois</a>. After Andreessen graduated in 1993, he moved to <a href="https://en.wikipedia.org/wiki/California" title="California">California</a> and there met <a href="https://en.wikipedia.org/wiki/James_H._Clark" title="James H. Clark">Jim Clark</a>,
      the recently departed founder of <a href="https://en.wikipedia.org/wiki/Silicon_Graphics" title="Silicon Graphics">Silicon Graphics</a>. Clark believed that the Mosaic browser had great commercial possibilities and provided the seed money. Soon
      <a href="https://en.wikipedia.org/wiki/Mosaic_Communications_Corporation" class="mw-redirect" title="Mosaic Communications Corporation">Mosaic Communications Corporation</a> was in business in <a href="https://en.wikipedia.org/wiki/Mountain_View,_California"
        title="Mountain View, California">Mountain View, California</a>, with Andreessen as a vice-president. Since the University of Illinois was unhappy with the company's use of the Mosaic name, the company changed its name to Netscape Communications
      (thought up by Product Manager Greg Sands) and named its flagship web browser Netscape Navigator.</p>
  <p>Netscape announced in its first press release (13 October 1994) that it would make Navigator available without charge to all non-commercial users, and beta versions of version 1.0 and 1.1 were indeed freely downloadable in November 1994 and March 1995,
    with the full version 1.0 available in December 1994. Netscape's initial corporate policy regarding Navigator claimed that it would make Navigator freely available for non-commercial use in accordance with the notion that Internet software should
    be distributed for free.</p>
  <p>However, within two months of that press release, Netscape apparently reversed its policy on who could freely obtain and use version 1.0 by only mentioning that educational and non-profit institutions could use version 1.0 at no charge.</p>
  <p>The reversal was complete with the availability of version 1.1 beta on 6 March 1995, in which a press release states that the final 1.1 release would be available at no cost only for academic and non-profit organizational use. Gone was the notion expressed
    in the first press release that Navigator would be freely available in the spirit of Internet software.</p>
  <p>Some security experts and cryptographers found out that all released Netscape versions had major security problems with crashing the browser with long <a href="https://en.wikipedia.org/wiki/URL" title="URL">URLs</a> and 40 bits encryption keys.</p>
  <p>The first few releases of the product were made available in “commercial” and “evaluation” versions; for example, version “1.0” and version “1.0N”. The “N” evaluation versions were completely identical to the commercial versions; the letter was there
    to remind people to pay for the browser once they felt they had tried it long enough and were satisfied with it. This distinction was formally dropped within a year of the initial release, and the full version of the browser continued to be made available
    for free online, with boxed versions available on floppy disks (and later CDs) in stores along with a period of phone support. During this era, "Internet Starter Kit" books were popular, and usually included a floppy disk or CD containing internet
    software, and this was a popular means of obtaining Netscape's and other browsers. Email support was initially free, and remained so for a year or two until the volume of support requests grew too high.</p>
  <p>During development, the Netscape browser was known by the code name <i><a href="https://en.wikipedia.org/wiki/Mozilla_(mascot)" title="Mozilla (mascot)">Mozilla</a></i>, which became the name of a <a href="https://en.wikipedia.org/wiki/Godzilla" title="Godzilla">Godzilla</a>-like
    cartoon dragon <a href="https://en.wikipedia.org/wiki/Mascot" title="Mascot">mascot</a> used prominently on the company's web site. The Mozilla name was also used as the <a href="https://en.wikipedia.org/wiki/User_agent" title="User agent">User-Agent</a>    in <a href="https://en.wikipedia.org/wiki/HTTP" class="mw-redirect" title="HTTP">HTTP</a> requests by the browser. Other web browsers claimed to be compatible with Netscape's extensions to HTML, and therefore used the same name in their User-Agent
    identifiers so that web servers would send them the same pages as were sent to Netscape browsers. <a href="https://en.wikipedia.org/wiki/Mozilla" title="Mozilla">Mozilla</a> is now a generic name for matters related to the <a href="https://en.wikipedia.org/wiki/Open_source"
      class="mw-redirect" title="Open source">open source</a> successor to Netscape Communicator.</p>
  <h3><span class="mw-headline" id="Rise_of_Netscape">Rise of Netscape</span></h3>

  <p>When the consumer <a href="https://en.wikipedia.org/wiki/Internet" title="Internet">Internet</a> revolution arrived in the mid-to-late 1990s, Netscape was well-positioned to take advantage of it. With a good mix of features and an attractive <a href="https://en.wikipedia.org/wiki/Software_license"
      title="Software license">licensing</a> scheme that allowed free use for non-commercial purposes, the Netscape browser soon became the <a href="https://en.wikipedia.org/wiki/De_facto" title="De facto">de facto</a> standard, particularly on the <a href="https://en.wikipedia.org/wiki/Microsoft_Windows"
      title="Microsoft Windows">Windows</a> platform. <a href="https://en.wikipedia.org/wiki/Internet_service_provider" title="Internet service provider">Internet service providers</a> and computer magazine publishers helped make Navigator readily available.</p>
  <p>An important innovation that Netscape introduced in 1994 was the on-the-fly display of web pages, where text and graphics appeared on the screen as the web page downloaded. Earlier web browsers would not display a page until all graphics on it had been
    loaded over the network connection; this often made a user stare at a blank page for as long as several minutes. With Netscape, people using <a href="https://en.wikipedia.org/wiki/Dial-up_Internet_access" title="Dial-up Internet access">dial-up</a>    connections could begin reading the text of a web page within seconds of entering a web address, even before the rest of the text and graphics had finished downloading. This made the web much more tolerable to the average user.</p>
  <p>Through the late 1990s, Netscape made sure that Navigator remained the technical leader among web browsers. Important new features included <a href="https://en.wikipedia.org/wiki/HTTP_cookie" title="HTTP cookie">cookies</a>, <a href="https://en.wikipedia.org/wiki/Framing_(World_Wide_Web)"
      title="Framing (World Wide Web)">frames</a>, <a href="https://en.wikipedia.org/wiki/Proxy_auto-config" title="Proxy auto-config">proxy auto-config</a>, and <a href="https://en.wikipedia.org/wiki/JavaScript" title="JavaScript">JavaScript</a> (in version
    2.0). Although those and other innovations eventually became open standards of the <a href="https://en.wikipedia.org/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a> and <a href="https://en.wikipedia.org/wiki/Ecma_International"
      title="Ecma International">ECMA</a> and were emulated by other browsers, they were often viewed as controversial. Netscape, according to critics, was more interested in bending the <a href="https://en.wikipedia.org/wiki/World_Wide_Web" title="World Wide Web">web</a>    to its own de facto "standards" (bypassing standards committees and thus marginalizing the commercial competition) than it was in fixing bugs in its products. Consumer rights advocates were particularly critical of cookies and of commercial web sites
    using them to invade individual privacy.</p>
  <p>In the marketplace, however, these concerns made little difference. Netscape Navigator remained the market leader with more than 50% <a href="https://en.wikipedia.org/wiki/Usage_share_of_web_browsers" title="Usage share of web browsers">usage share</a>.
    The browser software was available for a wide range of operating systems, including Windows (<a href="https://en.wikipedia.org/wiki/Windows_3.1x" title="Windows 3.1x">3.1</a>, <a href="https://en.wikipedia.org/wiki/Windows_95" title="Windows 95">95</a>,
    <a href="https://en.wikipedia.org/wiki/Windows_98" title="Windows 98">98</a>, <a href="https://en.wikipedia.org/wiki/Windows_NT" title="Windows NT">NT</a>), <a href="https://en.wikipedia.org/wiki/Apple_Macintosh" class="mw-redirect" title="Apple Macintosh">Macintosh</a>,
    <a href="https://en.wikipedia.org/wiki/Linux" title="Linux">Linux</a>, <a href="https://en.wikipedia.org/wiki/OS/2" title="OS/2">OS/2</a>, and many versions of Unix including <a href="https://en.wikipedia.org/wiki/Tru64_UNIX#OSF.2F1" title="Tru64 UNIX">OSF/1</a>,
    <a href="https://en.wikipedia.org/wiki/Solaris_(operating_system)" title="Solaris (operating system)">Sun Solaris</a>, <a href="https://en.wikipedia.org/wiki/BSD/OS" title="BSD/OS">BSD/OS</a>, <a href="https://en.wikipedia.org/wiki/IRIX" title="IRIX">IRIX</a>,
    <a href="https://en.wikipedia.org/wiki/IBM_AIX" title="IBM AIX">AIX</a>, and <a href="https://en.wikipedia.org/wiki/HP-UX" title="HP-UX">HP-UX</a>, and looked and worked nearly identically on every one of them. Netscape began to experiment with prototypes
    of a web-based system, known internally as “Constellation”, which would allow a user to access and edit his or her files anywhere across a network no matter what computer or operating system he or she happened to be using.</p>
  <p>Industry observers confidently forecast the dawn of a new era of connected computing. The underlying <a href="https://en.wikipedia.org/wiki/Operating_system" title="Operating system">operating system</a>, it was believed, would become an unimportant
    consideration; future applications would run within a web browser. This was seen by Netscape as a clear opportunity to entrench Navigator at the heart of the next generation of computing, and thus gain the opportunity to expand into all manner of
    other software and service markets.</p>
  <h3><span class="mw-headline" id="Decline">Decline</span></h3>

  <p>With the success of Netscape showing the importance of the web (more people were using the Internet due in part to the ease of using Netscape), Internet browsing began to be seen as a potentially profitable market. Following Netscape's lead, Microsoft
    started a campaign to enter the web browser software market. Like Netscape before them, Microsoft licensed the Mosaic source code from <a href="https://en.wikipedia.org/wiki/Spyglass,_Inc." title="Spyglass, Inc.">Spyglass, Inc.</a> (which in turn
    licensed code from <a href="https://en.wikipedia.org/wiki/University_of_Illinois" class="mw-redirect" title="University of Illinois">University of Illinois</a>). Using this basic code, Microsoft created <a href="https://en.wikipedia.org/wiki/Internet_Explorer"
      title="Internet Explorer">Internet Explorer</a> (IE).</p>
  <p>The competition between Microsoft and Netscape dominated the <a href="https://en.wikipedia.org/wiki/Browser_Wars" class="mw-redirect" title="Browser Wars">Browser Wars</a>. Internet Explorer, <a href="https://en.wikipedia.org/wiki/Internet_Explorer_1"
      class="mw-redirect" title="Internet Explorer 1">Version 1.0</a> (shipped in the Internet Jumpstart Kit in Microsoft Plus! For <a href="https://en.wikipedia.org/wiki/Windows_95" title="Windows 95">Windows 95</a>) and IE, <a href="https://en.wikipedia.org/wiki/Internet_Explorer_2"
      title="Internet Explorer 2">Version 2.0</a> (the first cross-platform version of the web browser, supporting both Windows and <a href="https://en.wikipedia.org/wiki/Classic_Mac_OS" title="Classic Mac OS">Mac OS</a>) were thought by many to be inferior
    and primitive when compared to contemporary versions of Netscape Navigator. With the release of <a href="https://en.wikipedia.org/wiki/Internet_Explorer_3" title="Internet Explorer 3">IE version 3.0</a> (1996) Microsoft was able to catch up with Netscape
    competitively, with <a href="https://en.wikipedia.org/wiki/Internet_Explorer_4" title="Internet Explorer 4">IE Version 4.0</a> (1997) further improvement in terms of market share. <a href="https://en.wikipedia.org/wiki/Internet_Explorer_5" title="Internet Explorer 5">IE 5.0</a>    (1999) improved stability and took significant market share from Netscape Navigator for the first time.</p>
  <p>There were two versions of Netscape Navigator 3.0; the Standard Edition and the Gold Edition. The latter consisted of the Navigator browser with e-mail, news readers, and a <a href="https://en.wikipedia.org/wiki/WYSIWYG" title="WYSIWYG">WYSIWYG</a>    web page compositor; however, these extra functions enlarged and slowed the software, rendering it prone to crashing.</p>
  <p>This Gold Edition was renamed <a href="https://en.wikipedia.org/wiki/Netscape_Communicator" title="Netscape Communicator">Netscape Communicator</a> starting with version 4.0; the name change diluted its name-recognition and confused users. Netscape
    CEO <a href="https://en.wikipedia.org/wiki/James_L._Barksdale" title="James L. Barksdale">James L. Barksdale</a> insisted on the name change because Communicator was a general-purpose <i>client</i> application, which contained the Navigator <i>browser</i>.</p>
  <p>The aging Netscape Communicator 4.x was slower than <a href="https://en.wikipedia.org/wiki/Internet_Explorer_5.0" class="mw-redirect" title="Internet Explorer 5.0">Internet Explorer 5.0</a>. Typical web pages had become heavily illustrated, often JavaScript-intensive,
    and encoded with HTML features designed for specific purposes but now employed as global layout tools (HTML tables, the most obvious example of this, were especially difficult for Communicator to render). The Netscape browser, once a solid product,
    became <a href="https://en.wikipedia.org/wiki/Crash_(computing)" title="Crash (computing)">crash-prone</a> and <a href="https://en.wikipedia.org/wiki/Computer_bug" class="mw-redirect" title="Computer bug">buggy</a>; for example, some versions re-downloaded
    an entire web page to re-render it when the browser window was re-sized (a nuisance to dial-up users), and the browser would usually crash when the page contained simple <a href="https://en.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets">Cascading Style Sheets</a>,
    as proper support for CSS never made it into Communicator 4.x. At the time that Communicator 4.0 was being developed, Netscape had a competing technology called <a href="https://en.wikipedia.org/wiki/JavaScript_Style_Sheets" title="JavaScript Style Sheets">JavaScript Style Sheets</a>.
    Near the end of the development cycle, it became obvious that CSS would prevail, so Netscape quickly implemented a CSS to JSSS converter, which then processed CSS as JSSS.(This is why turning JavaScript off also disabled CSS.) Moreover, Netscape Communicator's
    browser interface design appeared dated in comparison to Internet Explorer and interface changes in Microsoft and Apple's operating systems.</p>
  <p>By the end of the decade, Netscape's web browser had lost dominance over the Windows platform, and the August 1997 Microsoft financial agreement to invest one hundred and fifty million dollars in <a href="https://en.wikipedia.org/wiki/Apple_Inc." title="Apple Inc.">Apple</a>    required that Apple make Internet Explorer the default web browser in new Mac OS distributions. The latest <a href="https://en.wikipedia.org/wiki/Internet_Explorer_for_Mac" title="Internet Explorer for Mac">IE Mac</a> release at that time was Internet
    Explorer version 3.0 for Macintosh, but Internet Explorer 4 was released later that year.</p>
  <p>Microsoft succeeded in having <a href="https://en.wikipedia.org/wiki/Internet_service_provider" title="Internet service provider">ISPs</a> and PC vendors distribute Internet Explorer to their customers instead of Netscape Navigator, mostly due to Microsoft
    using its leverage from Windows OEM licenses, and partly aided by Microsoft's investment in making IE <a href="https://en.wikipedia.org/wiki/Brandable_software" title="Brandable software">brandable</a>, such that a customized version of IE could be
    offered. Also, web developers used <a href="https://en.wikipedia.org/wiki/Proprietary_software" title="Proprietary software">proprietary</a>, browser-specific extensions in web pages. Both Microsoft and Netscape did this, having added many proprietary
    HTML tags to their browsers, which forced users to choose between two competing and almost incompatible web browsers.</p>
  <p>In March 1998, Netscape released most of the development <a href="https://en.wikipedia.org/wiki/Code_base" class="mw-redirect" title="Code base">code base</a> for Netscape Communicator under an <a href="https://en.wikipedia.org/wiki/Open_source_license"
      class="mw-redirect" title="Open source license">open source license</a>. Only pre-alpha versions of <a href="https://en.wikipedia.org/wiki/Netscape_5" class="mw-redirect" title="Netscape 5">Netscape 5</a> were released before the open source community
    decided to scrap the Netscape Navigator codebase entirely and build a new web browser around the <a href="https://en.wikipedia.org/wiki/Gecko_(software)" title="Gecko (software)">Gecko</a> <a href="https://en.wikipedia.org/wiki/Layout_engine" title="Layout engine">layout engine</a>    which Netscape had been developing but which had not yet incorporated. The community-developed open source project was named <i><a href="https://en.wikipedia.org/wiki/Mozilla_Application_Suite" title="Mozilla Application Suite">Mozilla</a></i>, Netscape
    Navigator's original <a href="https://en.wikipedia.org/wiki/Code_name#Commercial_code_names_in_the_computer_industry" title="Code name">code name</a>. <a href="https://en.wikipedia.org/wiki/America_Online" class="mw-redirect" title="America Online">America Online</a>    bought Netscape; Netscape programmers took a pre-<a href="https://en.wikipedia.org/wiki/Beta_test" class="mw-redirect" title="Beta test">beta</a>-quality form of the Mozilla codebase, gave it a new GUI, and released it as Netscape 6. This did nothing
    to win back users, who continued to migrate to Internet Explorer. After the release of Netscape 7 and a long public beta test, Mozilla 1.0 was released on 5 June 2002. The same code-base, notably the Gecko layout engine, became the basis of independent
    applications, including <a href="https://en.wikipedia.org/wiki/Mozilla_Firefox" class="mw-redirect" title="Mozilla Firefox">Firefox</a> and <a href="https://en.wikipedia.org/wiki/Mozilla_Thunderbird" title="Mozilla Thunderbird">Thunderbird</a>.</p>
  <p>On 28 December 2007, the Netscape developers announced that AOL had canceled development of Netscape Navigator, leaving it unsupported as of 1 March 2008. Despite this, archived and unsupported versions of the browser remain available for download.
    Firefox would go on to win back market share from Internet Explorer in the next round of the <a href="https://en.wikipedia.org/wiki/Browser_wars" title="Browser wars">browser wars</a>.</p>
  <h2><span class="mw-headline" id="Legacy">Legacy</span></h2>
  <p>Netscape's contributions to the web include <a href="https://en.wikipedia.org/wiki/JavaScript" title="JavaScript">JavaScript</a>, which was submitted as a new standard to <a href="https://en.wikipedia.org/wiki/Ecma_International" title="Ecma International">Ecma International</a>.
    The resultant <a href="https://en.wikipedia.org/wiki/ECMAScript" title="ECMAScript">ECMAScript</a> specification allowed JavaScript support by multiple web browsers and its use as a <a href="https://en.wikipedia.org/wiki/Cross-browser" title="Cross-browser">cross-browser</a>    scripting language, long after Netscape Navigator itself had dropped in popularity. Another example is the FRAME tag, that is widely supported today, and that has been incorporated into official web standards such as the "HTML 4.01 Frameset" specification.</p>
  <p>In a 2007 <i><a href="https://en.wikipedia.org/wiki/PC_World_(magazine)" class="mw-redirect" title="PC World (magazine)">PC World</a></i> column, the original Netscape Navigator was considered the "best tech product of all time" due to its impact on
    the Internet.</p>

</main>
            
          
!
            
              @import url(https://fonts.googleapis.com/css?family=Lato:400,700);

body {
  background-color: #6d695c;
  font-size: 100%;
  color: #333;
  font-family: Lato, Arial, sans-serif;
  padding: 0;
  margin: 0;
}

main {
  display: block;
  box-sizing: border-box;
  width: 90%;
  margin: 1em auto;
  padding: 1em 2em;
  color: #000;
  line-height: 1.5;
  background-color: rgba(255, 255, 255, 0.7);
  border: 0.07em solid rgba(0, 0, 0, 0.5);
  border-radius: 0.5em;
}

img {
  max-width: 100%;
}

@media all and (min-width: 68em), print and (min-width: 7in) {
  main img {
    float: right;
    margin: .5em 0 1em 2em;
    max-width: 40%;
  }
}

@media print {
  main img {
    max-width: 4in;
  }
}

/* Handle the superscript footnote thingers */

sup.footnote {
  padding-left: 0.2em;
  font-size: 75%;
  line-height: 0;
}

#LinkContainer {
  overflow-wrap: break-word;
}

sup.footnote,
#LinkContainer {
  display: none;
}

#LinkContainer ol {
  padding-left: 2em;
}

@media print {
  main {
    width: 100%;
    border: none;
  }
  body,
  main {
    background-color: #fff;
    margin: 0;
    padding: 0;
  }
  main a[href]::after {
    content: " [" attr(href) "]";
  }
  #LinkContainer {
    display: block;
  }
  sup.footnote {
    display: inline;
  }
  .linklist main a[href]::after {
    content: "";
  }
}

/* @supports (overflow-wrap: break-word) {
  #LinkContainer {
    border: 1px dotted #f00;
  }
} */

@media screen and (min-width: 68em), print and (min-width: 6in) {
  #LinkContainer ol {
    column-count: 2;
    column-gap: 4em;
  }
}

@media all and (min-width: 80em), print and (min-width: 9in) {
  #LinkContainer ol {
    column-count: 3;
    column-gap: 4em;
  }
}

            
          
!
            
              function getLinks() {
  try {
    // Get all the links
    var links = document.querySelectorAll("main a[href]");

    // Create emtpy arrays for later population.
    var linkHrefs = [];
    var linkNums = [];

    // If there is already a links box, remove it.
    var node = document.getElementById("LinkContainer");
    if (node) {
      if (node.parentNode) {
        node.parentNode.removeChild(node);
      }
    }

    // Define the links container.
    var mainRegion = document.querySelector("main");
    var aside = document.createElement("aside");
    aside.id = "LinkContainer";

    // Define its heading.
    var h2 = document.createElement("h2");
    h2.innerText = "Links in This Page";

    // Define the list container.
    var orderedlist = document.createElement("ol");
    orderedlist.id = "LinkList";

    // Insert the new elements.
    mainRegion.appendChild(aside);
    var LinkContainer = document.getElementById("LinkContainer");
    LinkContainer.appendChild(h2);
    LinkContainer.appendChild(orderedlist);

    // Loop through the links
    for (var i = 0; i < links.length; i++) {
      // Create the superscript footnote reference
      var noteNum = document.createElement("sup");
      noteNum.setAttribute("class", "footnote");
      noteNum.innerText = i + 1;

      // Add it as a following sibling to the link
      links[i].parentNode.insertBefore(noteNum, links[i].nextSibling);

      // Get each link and replace the URL scheme identifier
      //var url = links[i].href.substr(links[i].href.indexOf('://')+3);
      var schemeMatch = /^mailto:|(https?|ftp):\/\//;
      var url = links[i].href.replace(schemeMatch, "");

      // Add a list item for each link.
      var li = document.createElement("li");
      li.innerText = url;
      document.getElementById("LinkList").appendChild(li);
    }

    // Add a class to the body to undo default link print styles
    var thisBody = document.querySelector("body");
    thisBody.setAttribute("class", "linklist");

    // Done
  } catch (e) {
    console.log("getLinks(): " + e);
  }
}

getLinks();

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console