Archives
/
readability
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge pull request #185 from mozilla/score-section-tags-by-default

Browse Source 
Fixes #139 #143: Added more weight to section tags.
pull/187/head
Gijs 10 years ago
parent 32d8a526f9 f6ffa6acde
commit 49e40768aa
8 changed files with 2014 additions and 153 deletions
Show Stats Download Patch File Download Diff File

5
Readability.js
Unescape Escape View File

@ -101,6 +101,9 @@ Readability.prototype = {
// it quits and just show a link. // it quits and just show a link.
DEFAULT_MAX_PAGES: 5, DEFAULT_MAX_PAGES: 5,
// Element tags to score by default.
DEFAULT_TAGS_TO_SCORE: ["SECTION", "P", "TD", "PRE"],
// All of the regular expressions in use within readability. // All of the regular expressions in use within readability.
// Defined up here so we don't instantiate them repeatedly in loops. // Defined up here so we don't instantiate them repeatedly in loops.
REGEXPS: { REGEXPS: {
@ -633,7 +636,7 @@ Readability.prototype = {
} }
} }
if (node.tagName === "P" || node.tagName === "TD" || node.tagName === "PRE") if (this.DEFAULT_TAGS_TO_SCORE.indexOf(node.tagName) !== -1)
elementsToScore.push(node); elementsToScore.push(node);
// Turn all divs that don't have children block level elements into p's // Turn all divs that don't have children block level elements into p's

4
test/test-pages/keep-images/expected.html
Unescape Escape View File

@ -1,5 +1,7 @@
<div id="readability-page-1" class="page"> <div id="readability-page-1" class="page">
<div> <div>
<section name="ef8c" class=" section--first section--last">
<div class="section-content">
<div class="section-inner u-sizeFullWidth"> <div class="section-inner u-sizeFullWidth">
<figure name="b9ad" id="b9ad" class="graf--figure postField--fillWidthImage graf--first"> <figure name="b9ad" id="b9ad" class="graf--figure postField--fillWidthImage graf--first">
<div class="aspectRatioPlaceholder is-locked"><img class="graf-image" data-image-id="1*sLDnS1UWEFIS33uLMxq3cw.jpeg" data-width="2100" data-height="1402" src="https://d262ilb51hltx0.cloudfront.net/max/2000/1*sLDnS1UWEFIS33uLMxq3cw.jpeg"></div> <div class="aspectRatioPlaceholder is-locked"><img class="graf-image" data-image-id="1*sLDnS1UWEFIS33uLMxq3cw.jpeg" data-width="2100" data-height="1402" src="https://d262ilb51hltx0.cloudfront.net/max/2000/1*sLDnS1UWEFIS33uLMxq3cw.jpeg"></div>
@ -153,4 +155,6 @@
<p name="c30a" id="c30a" data-align="center" class="graf--p graf--last">Follow Backchannel: <a href="https://twitter.com/backchnnl" data-href="https://twitter.com/backchnnl" class="markup--anchor markup--p-anchor" rel="nofollow"><em class="markup--em markup--p-em">Twitter</em></a> <em class="markup--em markup--p-em">|</em><a href="https://www.facebook.com/pages/Backchannel/1488568504730671" data-href="https://www.facebook.com/pages/Backchannel/1488568504730671" class="markup--anchor markup--p-anchor" rel="nofollow"><em class="markup--em markup--p-em">Facebook</em></a> </p> <p name="c30a" id="c30a" data-align="center" class="graf--p graf--last">Follow Backchannel: <a href="https://twitter.com/backchnnl" data-href="https://twitter.com/backchnnl" class="markup--anchor markup--p-anchor" rel="nofollow"><em class="markup--em markup--p-em">Twitter</em></a> <em class="markup--em markup--p-em">|</em><a href="https://www.facebook.com/pages/Backchannel/1488568504730671" data-href="https://www.facebook.com/pages/Backchannel/1488568504730671" class="markup--anchor markup--p-anchor" rel="nofollow"><em class="markup--em markup--p-em">Facebook</em></a> </p>
</div> </div>
</div> </div>
</section>
</div>
</div> </div>

7
test/test-pages/mozilla-1/expected-metadata.json
Unescape Escape View File

@ -0,0 +1,7 @@
{
"title": "Firefox — Customize and make it your own — The most flexible browser on the Web",
"byline": null,
"dir": "ltr",
"excerpt": "It’s easier than ever to personalize Firefox and make it work the way\n you do.\n No other browser gives you so much choice and flexibility.",
"readerable": true
}

60
test/test-pages/mozilla-1/expected.html
Unescape Escape View File

@ -0,0 +1,60 @@
<div id="readability-page-1" class="page">
<div role="main" id="main-content">
<section id="intro">
<div class="container">
<p class="lead">It’s easier than ever to personalize Firefox and make it work the way you do.
<br class="wide-br">No other browser gives you so much choice and flexibility.</p>
<div class="animation-wrapper" id="flexible-top-animation"><img src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/animations/flexible-top-fallback.c960365ba781.png" class="fallback" alt=""></div>
</div>
</section>
<section id="designed" class="ga-section" data-ga-label="Designed to be redesigned">
<div class="container">
<div id="designed-copy">
<h2>Designed to <br class="wide-br">be redesigned</h2>
<p>Get fast and easy access to the features you use most in the new menu. Open the “Customize” panel to add, move or remove any button you want. Keep your favorite features — add-ons, private browsing, Sync and more — one quick click away.</p><img class="js " src="" data-processed="false" data-src="//mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/designed-redesigned.fbd3ee9402e6.png" data-high-res="true" data-high-res-src="//mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/designed-redesigned-high-res.6efd60766484.png" alt="" id="designed-mobile"></div>
<div class="animation-wrapper" id="flexible-bottom-animation"><img src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/animations/flexible-bottom-fallback.cafd48a3d0a4.png" class="fallback" alt=""></div>
</div>
</section>
<section id="customize" class="ga-section" data-ga-label="More ways to customize"> </section>
<div id="customizers-wrapper">
<section class="customizer active" id="themes" role="tabpanel" aria-labelledby="customize-themes">
<div class="container">
<div class="customizer-copy">
<h3>Themes</h3>
<p class="lead">Make Firefox match your style. Choose from thousands of themes and dress up your browser with a single click.</p>
<p id="themes-thumbs">
<button type="button" aria-controls="theme-demo" id="theme-yellow">Preview yellow theme</button>
<button type="button" aria-controls="theme-demo" id="theme-green">Preview green theme</button>
<button type="button" aria-controls="theme-demo" id="theme-blue">Preview blue theme</button>
<button type="button" aria-controls="theme-demo" id="theme-red" class="selected">Preview red theme</button>
</p><a class="more" rel="external" href="https://addons.mozilla.org/firefox/themes/">Try it now</a>
<br><a class="more" rel="external" href="https://support.mozilla.org/kb/use-themes-change-look-of-firefox">Learn more</a></div><a class="next show-customizer" href="http://fakehost/test/#add-ons" role="button">Next</a>
<div class="customizer-visual"><img id="theme-demo" src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/theme-red.61611c5734ab.png" alt="Preview of the currently selected theme"></div>
</div>
</section>
<section class="customizer" id="add-ons" role="tabpanel" aria-labelledby="customize-addons">
<div class="container">
<div class="customizer-copy">
<h3>Add-ons</h3><a class="next show-customizer" href="http://fakehost/test/#awesome-bar" role="button">Next</a>
<p class="lead">Add-ons are like apps that you install to add features to Firefox. They let you compare prices, check the weather, listen to music, send a tweet and more.</p>
<ul>
<li>Read the latest news &amp; blogs</li>
<li>Manage your downloads</li>
<li>Watch videos &amp; view photos</li>
</ul><a class="more" rel="external" href="https://addons.mozilla.org/firefox/extensions/?sort=featured">Here are a few of our favorites</a>
<br><a class="more" rel="external" href="https://support.mozilla.org/kb/find-and-install-add-ons-add-features-to-firefox">Learn more</a></div>
<div class="customizer-visual"><img src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/add-ons.63a4b761f822.png" alt=""></div>
</div>
</section>
<section class="customizer" id="awesome-bar" role="tabpanel" aria-labelledby="customize-awesomebar">
<div class="container">
<div class="customizer-copy">
<h3>Awesome Bar</h3><a class="next show-customizer" href="http://fakehost/test/#themes" role="button">Next</a>
<p class="lead">The Awesome Bar learns as you browse to make your version of Firefox unique. Find and return to your favorite sites without having to remember a URL.</p><a class="more" rel="external" href="https://support.mozilla.org/kb/awesome-bar-find-your-bookmarks-history-and-tabs">See what it can do for you</a></div>
<div class="customizer-visual"><img src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/awesome-bar.437df162126c.png" alt="Firefox Awesome Bar"></div>
</div>
</section>
</div>
<section id="sync" class="ga-section" data-ga-label="Keep your Firefox in Sync"> </section>
</div>
</div>

1348
test/test-pages/mozilla-1/source.html
View File

File diff suppressed because it is too large Load Diff

7
test/test-pages/mozilla-2/expected-metadata.json
Unescape Escape View File

@ -0,0 +1,7 @@
{
"title": "Welcome to Firefox Developer Edition",
"byline": null,
"dir": "ltr",
"excerpt": "Get to know the features that make it the most complete browser for building the Web.",
"readerable": true
}

24
test/test-pages/mozilla-2/expected.html
Unescape Escape View File

@ -0,0 +1,24 @@
<div id="readability-page-1" class="page">
<div role="main">
<section class="intro container">
<header>
<p>Get to know the features that make it the most complete browser for building the Web.</p>
</header>
<ul class="features">
<li class="feature">
<a href="https://www.youtube.com/watch?v=1R9_WdXwUsE" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-webide.16763db341cb.jpg" alt="Screenshot" class="screenshot"> </a>
<h2>WebIDE</h2>
<p>Develop, deploy and debug Firefox OS apps directly in your browser, or on a Firefox OS device, with this tool that replaces App Manager.</p> <a href="https://developer.mozilla.org/docs/Tools/WebIDE" rel="external" class="more">Learn more about WebIDE</a> </li>
<li class="feature">
<a href="https://www.youtube.com/watch?v=eH0R10Ga4Hs" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-valence.251f9def4d8d.jpg" alt="Screenshot" class="screenshot"> </a>
<h2>Valence</h2>
<p>Develop and debug your apps across multiple browsers and devices with this powerful extension that comes pre-installed with Firefox Developer Edition.</p> <a href="https://developer.mozilla.org/docs/Tools/Firefox_Tools_Adapter" rel="external" class="more">Learn more about Valence</a> </li>
</ul>
<div class="notice">
<h4>Important: Sync your new profile</h4>
<p> Developer Edition comes with a new profile so you can run it alongside other versions of Firefox. To access your bookmarks, browsing history and more, you need to sync the profile with your existing Firefox Account, or create a new one. <a href="https://support.mozilla.org/kb/recover-lost-bookmarks-firefox-developer-edition" rel="external" class="more">Learn more</a> </p>
</div>
</section>
<section class="more-features"> </section>
</div>
</div>

408
test/test-pages/mozilla-2/source.html
Unescape Escape View File

@ -0,0 +1,408 @@
<!doctype html>
<html class="windows x86 no-js" lang="en" dir="ltr" data-latest-firefox="37.0.2" data-esr-versions="[31]">
<head>
<meta charset="utf-8">
<!--
_.-~-.
7'' Q..\
_7 (_
_7 _/ _q. /
_7 . ___ /VVvv-'_ .
7/ / /~- \_\\ '-._ .-' / //
./ ( /-~-/||'=.__ '::. '-~'' { ___ / // ./{
V V-~-~| || __''_ ':::. ''~-~.___.-'' _/ // / {_ / { /
VV/-~-~-|/ \ .'__'. '. ':: _ _ _ ''.
/ /~~~~||VVV/ / \ ) \ _ __ ___ ___ ___(_) | | __ _ .::'
/ (~-~-~\\.-' / \' \::::. | '_ ` _ \ / _ \_ / | | |/ _` | :::'
/..\ /..\__/ ' '::: | | | | | | (_) / /| | | | (_| | ::'
vVVv vVVv ': |_| |_| |_|\___/___|_|_|_|\__,_| ''
Hi there, nice to meet you!
Interested in having a direct impact on hundreds of millions of users? Join
Mozilla, and become part of a global community that’s helping to build a
brighter future for the Web.
Visit https://careers.mozilla.org to learn about our current job openings.
Visit https://www.mozilla.org/contribute for more ways to get involved and
help support Mozilla.-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex">
<title>Welcome to Firefox Developer Edition</title>
<meta name="description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Mozilla">
<meta property="og:locale" content="en_US">
<meta property="og:url" content="https://www.mozilla.org/en-US/firefox/developer/">
<meta property="og:image" content="https://mozorg.cdn.mozilla.net/media/img/firefox/developer/page-image.03bbe7da3199.png">
<meta property="og:title" content="Welcome to Firefox Developer Edition">
<meta property="og:description" content="Built for those who build the Web. Introducing the only browser made for developers.">
<meta property="fb:page_id" content="14696440021">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@firefox">
<meta name="twitter:domain" content="mozilla.org">
<meta name="twitter:app:name:googleplay" content="Firefox">
<meta name="twitter:app:id:googleplay" content="org.mozilla.firefox">
<link rel="author" type="text/plain" href="/humans.txt">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="//mozorg.cdn.mozilla.net/media/img/firefox/ios-icon-180.7a8401f21915.png">
<link rel="icon" type="image/png" sizes="196x196" href="//mozorg.cdn.mozilla.net/media/img/firefox/favicon-196.223e1bcaf067.png">
<link rel="shortcut icon" href="//mozorg.cdn.mozilla.net/media/img/firefox/favicon.dc6635050bf5.ico">
<link rel="canonical" hreflang="en" href="https://www.mozilla.org/en-US/firefox/39.0a2/firstrun/">
<link rel="alternate" hreflang="x-default" href="https://www.mozilla.org/firefox/39.0a2/firstrun/">
<link rel="alternate" hreflang="an" href="https://www.mozilla.org/an/firefox/39.0a2/firstrun/" title="aragonés">
<link rel="alternate" hreflang="ast" href="https://www.mozilla.org/ast/firefox/39.0a2/firstrun/" title="Asturianu">
<link rel="alternate" hreflang="bg" href="https://www.mozilla.org/bg/firefox/39.0a2/firstrun/" title="Български">
<link rel="alternate" hreflang="bn-IN" href="https://www.mozilla.org/bn-IN/firefox/39.0a2/firstrun/" title="বাংলা (ভারত)">
<link rel="alternate" hreflang="ca" href="https://www.mozilla.org/ca/firefox/39.0a2/firstrun/" title="Català">
<link rel="alternate" hreflang="cs" href="https://www.mozilla.org/cs/firefox/39.0a2/firstrun/" title="Čeština">
<link rel="alternate" hreflang="cy" href="https://www.mozilla.org/cy/firefox/39.0a2/firstrun/" title="Cymraeg">
<link rel="alternate" hreflang="de" href="https://www.mozilla.org/de/firefox/39.0a2/firstrun/" title="Deutsch">
<link rel="alternate" hreflang="dsb" href="https://www.mozilla.org/dsb/firefox/39.0a2/firstrun/" title="Dolnoserbšćina">
<link rel="alternate" hreflang="en-GB" href="https://www.mozilla.org/en-GB/firefox/39.0a2/firstrun/" title="English (British)">
<link rel="alternate" hreflang="en" href="https://www.mozilla.org/en-US/firefox/39.0a2/firstrun/" title="English">
<link rel="alternate" hreflang="en-CA" href="https://www.mozilla.org/en-US/firefox/39.0a2/firstrun/" title="English (Canada)">
<link rel="alternate" hreflang="eo" href="https://www.mozilla.org/eo/firefox/39.0a2/firstrun/" title="Esperanto">
<link rel="alternate" hreflang="es-AR" href="https://www.mozilla.org/es-AR/firefox/39.0a2/firstrun/" title="Español (de Argentina)">
<link rel="alternate" hreflang="es-CL" href="https://www.mozilla.org/es-CL/firefox/39.0a2/firstrun/" title="Español (de Chile)">
<link rel="alternate" hreflang="es-ES" href="https://www.mozilla.org/es-ES/firefox/39.0a2/firstrun/" title="Español (de España)">
<link rel="alternate" hreflang="es-MX" href="https://www.mozilla.org/es-MX/firefox/39.0a2/firstrun/" title="Español (de México)">
<link rel="alternate" hreflang="fr" href="https://www.mozilla.org/fr/firefox/39.0a2/firstrun/" title="Français">
<link rel="alternate" hreflang="fy-NL" href="https://www.mozilla.org/fy-NL/firefox/39.0a2/firstrun/" title="Frysk">
<link rel="alternate" hreflang="gd" href="https://www.mozilla.org/gd/firefox/39.0a2/firstrun/" title="Gàidhlig">
<link rel="alternate" hreflang="hsb" href="https://www.mozilla.org/hsb/firefox/39.0a2/firstrun/" title="Hornjoserbsce">
<link rel="alternate" hreflang="hu" href="https://www.mozilla.org/hu/firefox/39.0a2/firstrun/" title="magyar">
<link rel="alternate" hreflang="hy-AM" href="https://www.mozilla.org/hy-AM/firefox/39.0a2/firstrun/" title="Հայերեն">
<link rel="alternate" hreflang="id" href="https://www.mozilla.org/id/firefox/39.0a2/firstrun/" title="Bahasa Indonesia">
<link rel="alternate" hreflang="is" href="https://www.mozilla.org/is/firefox/39.0a2/firstrun/" title="íslenska">
<link rel="alternate" hreflang="it" href="https://www.mozilla.org/it/firefox/39.0a2/firstrun/" title="Italiano">
<link rel="alternate" hreflang="ja" href="https://www.mozilla.org/ja/firefox/39.0a2/firstrun/" title="日本語">
<link rel="alternate" hreflang="lt" href="https://www.mozilla.org/lt/firefox/39.0a2/firstrun/" title="lietuvių kalba">
<link rel="alternate" hreflang="nl" href="https://www.mozilla.org/nl/firefox/39.0a2/firstrun/" title="Nederlands">
<link rel="alternate" hreflang="pt-BR" href="https://www.mozilla.org/pt-BR/firefox/39.0a2/firstrun/" title="Português (do Brasil)">
<link rel="alternate" hreflang="pt-PT" href="https://www.mozilla.org/pt-PT/firefox/39.0a2/firstrun/" title="Português (Europeu)">
<link rel="alternate" hreflang="ru" href="https://www.mozilla.org/ru/firefox/39.0a2/firstrun/" title="Русский">
<link rel="alternate" hreflang="sk" href="https://www.mozilla.org/sk/firefox/39.0a2/firstrun/" title="slovenčina">
<link rel="alternate" hreflang="sl" href="https://www.mozilla.org/sl/firefox/39.0a2/firstrun/" title="Slovenščina">
<link rel="alternate" hreflang="son" href="https://www.mozilla.org/son/firefox/39.0a2/firstrun/" title="Soŋay">
<link rel="alternate" hreflang="sq" href="https://www.mozilla.org/sq/firefox/39.0a2/firstrun/" title="Shqip">
<link rel="alternate" hreflang="sv-SE" href="https://www.mozilla.org/sv-SE/firefox/39.0a2/firstrun/" title="Svenska">
<link rel="alternate" hreflang="tr" href="https://www.mozilla.org/tr/firefox/39.0a2/firstrun/" title="Türkçe">
<link rel="alternate" hreflang="uk" href="https://www.mozilla.org/uk/firefox/39.0a2/firstrun/" title="Українська">
<link rel="alternate" hreflang="uz" href="https://www.mozilla.org/uz/firefox/39.0a2/firstrun/" title="Oʻzbek tili">
<link rel="alternate" hreflang="zh-CN" href="https://www.mozilla.org/zh-CN/firefox/39.0a2/firstrun/" title="中文 (简体)">
<link rel="alternate" hreflang="zh-TW" href="https://www.mozilla.org/zh-TW/firefox/39.0a2/firstrun/" title="正體中文 (繁體)">
<link href="//mozorg.cdn.mozilla.net/media/css/tabzilla-min.c4ec201287fa.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 8]>
<script src="//mozorg.cdn.mozilla.net/media/js/libs/html5shiv.d580a4cd1cb4.js"></script>
<![endif]-->
<!--[if lte IE 7]>
<link href="//mozorg.cdn.mozilla.net/media/css/oldIE-bundle.fc1d1a0990cc.css" rel="stylesheet" type="text/css" /> <![endif]-->
<!--[if !lte IE 7]><!-->
<link href="//mozorg.cdn.mozilla.net/media/css/firefox_developer_firstrun-bundle.c1bf35b84c00.css" rel="stylesheet" type="text/css" />
<!--<![endif]-->
<script type="text/javascript" src="//mozorg.cdn.mozilla.net/media/js/site-bundle.4d72c30b1a11.js" charset="utf-8"></script>
<script>
var _gaq = _gaq || [];
var pluginUrl = '//www.google-analytics.com/plugins/ga/inpage_linkid.js';
_gaq.push(['_require', 'inpage_linkid', pluginUrl]);
_gaq.push(['_setAccount', 'UA-36116321-1']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_setAllowAnchor', true]);
_gaq.push(['_gat._anonymizeIp']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
var prefix = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www');
ga.src = prefix + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script> </head>
<body id="firefox-developer-firstrun" class="html-ltr blueprint">
<div id="strings"
data-global-close="Close"
data-global-next="Next"
data-global-previous="Previous"
data-global-update-firefox="Update your Firefox"
data-devtools-title="Developer Tools"
data-devtools-text="The most complete browser made just for developers, Firefox Developer Edition has every dev tool you’ll need built right in."
data-next-webide="Next: WebIDE"
data-webide-title="Try WebIDE"
data-webide-text="Develop, deploy and debug Firefox OS apps directly in your browser or on a Firefox OS device."
data-next-sync="Next: Sync"
data-sync-title="Important"
data-sync-text="Sync your new Developer Edition profile to your Firefox Account to access bookmarks, browsing history, passwords and more from your existing Firefox profile."
data-doorhanger-sync="Sync now"
data-doorhanger-close="Close"
data-doorhanger-nothanks="No thanks"
data-webide-icon="//mozorg.cdn.mozilla.net/media/img/firefox/dev-firstrun/webide-blue.b8e098d7c9d9.png"
data-webide-icon-high-res="//mozorg.cdn.mozilla.net/media/img/firefox/dev-firstrun/webide-blue-high-res.707008e1b9c2.png"
data-devtools-icon="//mozorg.cdn.mozilla.net/media/img/firefox/dev-firstrun/devtools-blue.f5802a402e31.png"
data-devtools-icon-high-res="//mozorg.cdn.mozilla.net/media/img/firefox/dev-firstrun/devtools-blue-high-res.977645f39d48.png"
data-sync-icon="//mozorg.cdn.mozilla.net/media/img/firefox/dev-firstrun/sync-blue.c4ab116c7489.png"
data-sync-icon-high-res="//mozorg.cdn.mozilla.net/media/img/firefox/dev-firstrun/sync-blue-high-res.25933e6416f9.png"
data-sync-reminder-title="Before you go&hellip;"
data-sync-reminder-text="If you continue without syncing your new Developer Edition profile, you could lose access to important browsing data from your existing Firefox profile. To sync now, choose the Sync option from this menu."
></div>
<div id="outer-wrapper">
<div id="wrapper">
<header id="masthead">
<a href="/en-US/" id="tabzilla" data-infobar="update translation">Mozilla</a>
<h2><img class="js " src="" data-processed="false" data-src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/title.949ac051aba3.png" data-high-res="true" data-high-res-src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/title-high-res.3bd820c2e8da.png" width="220" alt="Firefox Developer Edition" height="84"><noscript><img class="" src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/title.949ac051aba3.png" width="220" alt="Firefox Developer Edition" height="84"></noscript></h2>
</header>
<main role="main" class="sync-reminder" >
<section class="intro container">
<header>
<h1>Welcome to <span>Firefox Developer Edition</span></h1>
<p>Get to know the features that make it the most complete browser for building the Web.</p>
</header>
<ul class="features">
<li class="feature">
<a href="https://www.youtube.com/watch?v=1R9_WdXwUsE" rel="external" class="video-play">
<img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-webide.16763db341cb.jpg" alt="Screenshot" class="screenshot">
</a>
<h2>WebIDE</h2>
<p>Develop, deploy and debug Firefox OS apps directly in your browser, or on a Firefox OS device, with this tool that replaces App Manager.</p>
<a href="https://developer.mozilla.org/docs/Tools/WebIDE" rel="external" class="more">Learn more about WebIDE</a>
<div class="responsive-video-container">
<div class="video" data-video-id="1R9_WdXwUsE"></div>
</div>
</li>
<li class="feature">
<a href="https://www.youtube.com/watch?v=eH0R10Ga4Hs" rel="external" class="video-play">
<img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-valence.251f9def4d8d.jpg" alt="Screenshot" class="screenshot">
</a>
<h2>Valence</h2>
<p>Develop and debug your apps across multiple browsers and devices with this powerful extension that comes pre-installed with Firefox Developer Edition.</p>
<a href="https://developer.mozilla.org/docs/Tools/Firefox_Tools_Adapter" rel="external" class="more">Learn more about Valence</a>
<div class="responsive-video-container">
<div class="video" data-video-id="eH0R10Ga4Hs"></div>
</div>
</li>
</ul>
<div class="notice">
<h4>Important: Sync your new profile</h4>
<p>
Developer Edition comes with a new profile so you can run it alongside other versions of Firefox. To access your bookmarks, browsing history and more, you need to sync the profile with your existing Firefox Account, or create a new one.
<a href="https://support.mozilla.org/kb/recover-lost-bookmarks-firefox-developer-edition" rel="external" class="more">Learn more</a>
</p>
</div>
</section>
<section class="more-features">
<div class="container">
<header>
<h2>Features and tools</h2>
</header>
<ul class="features">
<li class="feature">
<a href="https://www.youtube.com/watch?v=eQqNfkqIJdw" rel="external" class="video-play">
<img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-inspector.c791bf1f1a59.jpg" alt="Screenshot" class="screenshot">
</a>
<h2>Page Inspector</h2>
<p>Examine the HTML and CSS of any Web page and easily modify the structure and layout of a page.</p>
<a href="https://developer.mozilla.org/docs/Tools/Page_Inspector" rel="external" class="more">Learn more about Page Inspector</a>
<div class="responsive-video-container">
<div class="video" data-video-id="eQqNfkqIJdw"></div>
</div>
</li>
<li class="feature">
<a href="https://www.youtube.com/watch?v=iEDk8o9ehlw" rel="external" class="video-play">
<img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-console.42666aaf6d03.jpg" alt="Screenshot" class="screenshot">
</a>
<h2>Web Console</h2>
<p>See logged information associated with a Web page and use Web Console to interact with Web pages using JavaScript.</p>
<a href="https://developer.mozilla.org/docs/Tools/Web_Console" rel="external" class="more">Learn more about Web Console</a>
<div class="responsive-video-container">
<div class="video" data-video-id="iEDk8o9ehlw"></div>
</div>
</li>
<li class="feature">
<a href="https://www.youtube.com/watch?v=OS4AxYFLCIE" rel="external" class="video-play">
<img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-debugger.02ed86fb0c9f.jpg" alt="Screenshot" class="screenshot">
</a>
<h2>JavaScript Debugger</h2>
<p>Step through JavaScript code and examine or modify its state to help track down bugs.</p>
<a href="https://developer.mozilla.org/docs/Tools/Debugger" rel="external" class="more">Learn more about JavaScript Debugger</a>
<div class="responsive-video-container">
<div class="video" data-video-id="OS4AxYFLCIE"></div>
</div>
</li>
<li class="feature">
<a href="https://www.youtube.com/watch?v=w4zSG53Qlbk" rel="external" class="video-play">
<img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-network.740d6082b3f6.jpg" alt="Screenshot" class="screenshot">
</a>
<h2>Network Monitor</h2>
<p>See all the network requests your browser makes, how long each request takes and details of each request.</p>
<a href="https://developer.mozilla.org/docs/Tools/Network_Monitor" rel="external" class="more">Learn more about Network Monitor</a>
<div class="responsive-video-container">
<div class="video" data-video-id="w4zSG53Qlbk"></div>
</div>
</li>
<li class="feature">
<a href="https://www.youtube.com/watch?v=R_qDaLQ8ghg" rel="external" class="video-play">
<img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-webaudio.a10ebc48d017.jpg" alt="Screenshot" class="screenshot">
</a>
<h2>Web Audio Editor</h2>
<p>Inspect and interact with Web Audio API in real time to ensure that all audio nodes are connected in the way you expect.</p>
<a href="https://developer.mozilla.org/docs/Tools/Web_Audio_Editor" rel="external" class="more">Learn more about Web Audio Editor</a>
<div class="responsive-video-container">
<div class="video" data-video-id="R_qDaLQ8ghg"></div>
</div>
</li>
<li class="feature">
<a href="https://www.youtube.com/watch?v=3kdBvvIZIqU" rel="external" class="video-play">
<img src="//mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-style-editor.87c5d2017506.jpg" alt="Screenshot" class="screenshot">
</a>
<h2>Style Editor</h2>
<p>View and edit CSS styles associated with a Web page, create new ones and apply existing CSS stylesheets to any page.</p>
<a href="https://developer.mozilla.org/docs/Tools/Style_Editor" rel="external" class="more">Learn more about Style Editor</a>
<div class="responsive-video-container">
<div class="video" data-video-id="3kdBvvIZIqU"></div>
</div>
</li>
</ul>
</div>
</section>
</main>
</div><!-- close #wrapper -->
<footer id="colophon" class="">
<nav class="row">
<div class="col col-1">
<h1 class="logo"><a href="/en-US/">Mozilla</a></h1>
<p class="license">Portions of this content are ©1998–2015 by individual mozilla.org contributors. Content available under a <a href="/en-US/foundation/licensing/website-content/">Creative Commons license</a>.</p>
</div>
<div class="col col-2">
<ul class="links-join">
<li><a href="/en-US/contact/spaces/">Contact Us</a></li>
<li class="wrap"><a href="/en-US/about/partnerships/">Partner with Us</a></li>
<li class="clear"><a href="https://sendto.mozilla.org/page/contribute/givenow-seq?preset=2&amp;source=mozillaorg_footer&amp;ref=EOYFR2014&amp;utm_campaign=EOYFR2014&amp;utm_source=mozilla.org&amp;utm_medium=referral&amp;utm_content=mozillaorg_footer" class="donate">Donate</a></li>
<li class="wrap"><a href="https://affiliates.mozilla.org/">Firefox Affiliates</a></li>
<li class="clear"><a href="https://wiki.mozilla.org/Webdev/GetInvolved/mozilla.org">Contribute to this site</a></li>
</ul>
<ul class="links-legal">
<li><a href="/en-US/privacy/">Privacy</a></li>
<li class="wrap"><a href="/en-US/privacy/websites/#cookies">Cookies</a></li>
<li class="wrap"><a href="/en-US/about/legal/">Legal</a></li>
<li class="clear"><a href="/en-US/about/legal/fraud-report/">Report Trademark Abuse</a></li>
</ul>
</div>
<div class="col col-3">
<ul class="links-social">
<li>
Mozilla:
<ul>
<li><a href="https://twitter.com/mozilla">Twitter<span> (@mozilla)</span></a></li>
<li><a href="https://www.facebook.com/mozilla">Facebook<span> (Mozilla)</span></a></li>
</ul>
</li>
<li>
Firefox:
<ul>
<li><a href="https://twitter.com/firefox">Twitter<span> (@firefox)</span></a></li>
<li><a href="https://www.facebook.com/Firefox">Facebook<span> (Firefox)</span></a></li>
<li><a href="https://www.youtube.com/firefoxchannel">YouTube<span> (firefoxchannel)</span></a></li>
</ul>
</li>
</ul>
<div class="lang-switcher">
<form id="lang_form" method="get" action="#">
<label for="language">Other languages:</label>
<select id="language" name="lang" dir="ltr">
<option lang="an" value="an">aragonés</option>
<option lang="ast" value="ast">Asturianu</option>
<option lang="bg" value="bg">Български</option>
<option lang="bn-IN" value="bn-IN">বাংলা (ভারত)</option>
<option lang="ca" value="ca">Català</option>
<option lang="cs" value="cs">Čeština</option>
<option lang="cy" value="cy">Cymraeg</option>
<option lang="de" value="de">Deutsch</option>
<option lang="dsb" value="dsb">Dolnoserbšćina</option>
<option lang="en-GB" value="en-GB">English (British)</option>
<option lang="en-US" value="en-US" selected>English</option>
<option lang="eo" value="eo">Esperanto</option>
<option lang="es-AR" value="es-AR">Español (de Argentina)</option>
<option lang="es-CL" value="es-CL">Español (de Chile)</option>
<option lang="es-ES" value="es-ES">Español (de España)</option>
<option lang="es-MX" value="es-MX">Español (de México)</option>
<option lang="fr" value="fr">Français</option>
<option lang="fy-NL" value="fy-NL">Frysk</option>
<option lang="gd" value="gd">Gàidhlig</option>
<option lang="hsb" value="hsb">Hornjoserbsce</option>
<option lang="hu" value="hu">magyar</option>
<option lang="hy-AM" value="hy-AM">Հայերեն</option>
<option lang="id" value="id">Bahasa Indonesia</option>
<option lang="is" value="is">íslenska</option>
<option lang="it" value="it">Italiano</option>
<option lang="ja" value="ja">日本語</option>
<option lang="lt" value="lt">lietuvių kalba</option>
<option lang="nl" value="nl">Nederlands</option>
<option lang="pt-BR" value="pt-BR">Português (do Brasil)</option>
<option lang="pt-PT" value="pt-PT">Português (Europeu)</option>
<option lang="ru" value="ru">Русский</option>
<option lang="sk" value="sk">slovenčina</option>
<option lang="sl" value="sl">Slovenščina</option>
<option lang="son" value="son">Soŋay</option>
<option lang="sq" value="sq">Shqip</option>
<option lang="sv-SE" value="sv-SE">Svenska</option>
<option lang="tr" value="tr">Türkçe</option>
<option lang="uk" value="uk">Українська</option>
<option lang="uz" value="uz">Oʻzbek tili</option>
<option lang="zh-CN" value="zh-CN">中文 (简体)</option>
<option lang="zh-TW" value="zh-TW">正體中文 (繁體)</option>
</select>
<noscript>
<button type="submit">Go</button>
</noscript>
</form>
</div>
</div>
</nav>
</footer>
</div><!-- close #outer-wrapper -->
<!--[if IE 9]>
<script src="//mozorg.cdn.mozilla.net/media/js/libs/matchMedia.3fd01d1af18b.js"></script>
<![endif]-->
<script type="text/javascript" src="//mozorg.cdn.mozilla.net/media/js/firefox-resp-bundle.ec015d66a726.js" charset="utf-8"></script> <script src="//mozorg.cdn.mozilla.net/en-US/tabzilla/tabzilla.js"></script>
<script type="text/javascript" src="//mozorg.cdn.mozilla.net/media/js/firefox_developer_firstrun-bundle.28d5bb93eb60.js" charset="utf-8"></script> </body>
</html>
Write Preview
Loading…
Cancel
Save