Editing Browser helpers
Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.
The edit can be undone.
Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.
Latest revision | Your text | ||
Line 1: | Line 1: | ||
− | + | Over the years, a number of people have developed various "helpers" to conveniently access a comic's explanation when browsing at xkcd.com. These typically come in two main forms: browser extensions, and bookmarklets. | |
− | ==Browser extensions== | + | == Browser extensions == |
− | These browser extensions usually inject elements/code into the xkcd.com comic page's {{w|Document Object Model|DOM}} – often inserting a button or link directly into the xkcd.com comic page itself, to take you to that comic's explanation page. None of these have been tested here. | + | |
+ | These {{w|browser extensions}}/add-ons usually inject elements/code into the xkcd.com comic page's {{w|Document Object Model|DOM}} – often inserting a button or link directly into the xkcd.com comic page itself, to take you to that comic's explanation page. None of these have been tested here. | ||
+ | |||
+ | === Chrome === | ||
− | |||
{| class="wikitable sortable" | {| class="wikitable sortable" | ||
|- | |- | ||
− | ! Extension !! Author !! Released !! Users !! Description | + | ! Extension !! Author !! Released !! Users<ref group="c">Number of users as of September 28, 2020.</ref> !! Description |
+ | |- | ||
+ | | [https://chrome.google.com/webstore/detail/explainxkcd/jkoaalfdbiipmnphkpokbigmjjlhmdbc explainxkcd] | ||
+ | | ripper234 | ||
+ | | data-sort-value="2012-11" | November 2012 | ||
+ | | style="text-align:center;" | 54 | ||
+ | | Adds an address bar button that pops up the comic's explanation. | ||
|- | |- | ||
− | | [https://chrome.google.com/webstore/detail/xkcd-explainer/ | + | | [https://chrome.google.com/webstore/detail/xkcd-explainer/gicgjknccfbjiipicefanafhfofcjppd xkcd Explainer] |
− | | | + | | Simon Zou |
− | | data-sort-value=" | + | | data-sort-value="2014-06" | June 2014 |
− | | style="text-align:center;" | | + | | style="text-align:center;" | 3 |
− | | Adds an " | + | | Adds an "I don't get it..." button to the comic page. |
+ | |- | ||
+ | | [https://chrome.google.com/webstore/detail/explain-xkcd-link/jpkdbejdoigijlgajoffianlmimcneha Explain XKCD Link] | ||
+ | | jkirrane | ||
+ | | data-sort-value="2015-01" | January 2015 | ||
+ | | style="text-align:center;" | 17 | ||
+ | | Adds an explanation link to the comic page. | ||
|- | |- | ||
− | | [https://chrome.google.com/webstore/detail/xkcd | + | | [https://chrome.google.com/webstore/detail/explain-xkcd/ddpeicfckbciodaegmidjfhhldmfpjhh Explain XKCD] |
− | | | + | | Daniel F |
− | | data-sort-value=" | + | | data-sort-value="2015-03" | March 2015 |
− | | style="text-align:center;" | | + | | style="text-align:center;" | 7 |
− | | Adds | + | | Adds a browser extension button that pops up a minimal explanation. |
|- | |- | ||
− | | [https://chrome.google.com/webstore/detail/xkcd- | + | | [https://chrome.google.com/webstore/detail/xkcd-enchancer/cmaebofjopmcalpjoafdfpjginapkdij XKCD Enhancer] |
− | | | + | | amalbose |
− | | data-sort-value=" | + | | data-sort-value="2015-12" | December 2015 |
− | | style="text-align:center;" | | + | | style="text-align:center;" | 12 |
− | | Adds a | + | | Adds a button to the comic page that pops up the comic's explanation; also displays the title text. |
|- | |- | ||
| [https://chrome.google.com/webstore/detail/explain-xkcd-linker/dkbhfmlonpbdbejdombiphineceidepl Explain xkcd Linker] | | [https://chrome.google.com/webstore/detail/explain-xkcd-linker/dkbhfmlonpbdbejdombiphineceidepl Explain xkcd Linker] | ||
| Martin Petkov | | Martin Petkov | ||
| data-sort-value="2017-02" | February 2017 | | data-sort-value="2017-02" | February 2017 | ||
− | | style="text-align:center;" | | + | | style="text-align:center;" | 10 |
| Adds an explanation link to the comic page. | | Adds an explanation link to the comic page. | ||
+ | |- | ||
+ | | [https://chrome.google.com/webstore/detail/explain-xkcd/agbgpacakhakhjnpibhjhnkcfbiiobjj Explain xkcd] | ||
+ | | Martin Frodl | ||
+ | | data-sort-value="2017-10" | October 2017 | ||
+ | | style="text-align:center;" | 1 | ||
+ | | Adds a browser extension button that pops up a minimal explanation. | ||
|- | |- | ||
| [https://chrome.google.com/webstore/detail/xkcd-companion/ccpenjikfapfnpehglgfdbkjmojfmjfo xkcd-companion] | | [https://chrome.google.com/webstore/detail/xkcd-companion/ccpenjikfapfnpehglgfdbkjmojfmjfo xkcd-companion] | ||
| Sean Yeh | | Sean Yeh | ||
| data-sort-value="2018-08" | August 2018 | | data-sort-value="2018-08" | August 2018 | ||
− | | style="text-align:center;" | | + | | style="text-align:center;" | 7 |
| Adds an explanation link to the comic page; also displays the title text. | | Adds an explanation link to the comic page; also displays the title text. | ||
|- | |- | ||
− | | [https://chrome.google.com/webstore/detail/xkcd-explainer/ | + | | [https://chrome.google.com/webstore/detail/xkcd-explainer/iicndfighifkfkpijajnnhhbdmnohcml XKCD Explainer] |
− | | | + | | contact.chilikkal |
− | | data-sort-value=" | + | | data-sort-value="2018-10" | October 2018 |
− | | style="text-align:center;" | | + | | style="text-align:center;" | 34 |
− | | Adds | + | | Adds a "Huh?" button to the comic page. |
+ | |- | ||
+ | | [https://chrome.google.com/webstore/detail/explain-xkcd/fpmkngibepdfagmmmenjbfmgohlddakg explain xkcd] | ||
+ | | kylejlin.dev | ||
+ | | data-sort-value="2018-12" | December 2018 | ||
+ | | style="text-align:center;" | 26 | ||
+ | | Adds a browser extension button that navigates to the comic's explanation page. See also [[Chrome Extension]] for more information on this extension. | ||
+ | |- | ||
+ | | [https://chrome.google.com/webstore/detail/xkcd-enhancer/dkbjcnddbejafnbediiacbafmkgdmfel xkcd Enhancer] | ||
+ | | Tom White | ||
+ | | data-sort-value="2019-02" | February 2019 | ||
+ | | style="text-align:center;" | 35 | ||
+ | | Adds an explanation link to the comic page; also adds keyboard shortcuts, displays the title text, etc. | ||
+ | |- | ||
+ | | [https://chrome.google.com/webstore/detail/xkcd-explainer/foejkfobkipagoaicljcokpdbdldfmdn xkcd explainer] | ||
+ | | Avadonia314 | ||
+ | | data-sort-value="2019-04" | April 2019 | ||
+ | | style="text-align:center;" | 18 | ||
+ | | Adds an "Explanation" button to the comic page, which loads the content of the comic's explanation directly into the page. | ||
|- | |- | ||
| [https://chrome.google.com/webstore/detail/embetter-xkcd/jkeiagbmcbholabjkfdhghdocmlpkecb embetter xkcd] | | [https://chrome.google.com/webstore/detail/embetter-xkcd/jkeiagbmcbholabjkfdhghdocmlpkecb embetter xkcd] | ||
| Matt Sugihara | | Matt Sugihara | ||
| data-sort-value="2020-05" | May 2020 | | data-sort-value="2020-05" | May 2020 | ||
− | | style="text-align:center;" | | + | | style="text-align:center;" | 2 |
| Press 'E' to navigate to the explanation; also adds other keyboard shortcuts and displays the title text. | | Press 'E' to navigate to the explanation; also adds other keyboard shortcuts and displays the title text. | ||
|- | |- | ||
Line 54: | Line 92: | ||
| TheUltimateGuide | | TheUltimateGuide | ||
| data-sort-value="2020-08" | August 2020 | | data-sort-value="2020-08" | August 2020 | ||
− | | style="text-align:center;" | | + | | style="text-align:center;" | 2 |
| Adds a browser extension button that pops up another button that navigates to the explanation. | | Adds a browser extension button that pops up another button that navigates to the explanation. | ||
|} | |} | ||
+ | <references group="c" /> | ||
+ | |||
+ | === Firefox === | ||
+ | |||
− | |||
{| class="wikitable sortable" | {| class="wikitable sortable" | ||
|- | |- | ||
− | ! Extension !! Author !! Released !! Users | + | ! Extension !! Author !! Released !! Users<ref group="f">Number of users as of September 28, 2020.</ref> !! Description |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
| [https://addons.mozilla.org/firefox/addon/xkcd-companion/ xkcd Companion] | | [https://addons.mozilla.org/firefox/addon/xkcd-companion/ xkcd Companion] | ||
| Sean Yeh | | Sean Yeh | ||
| data-sort-value="2018-07" | July 2018 | | data-sort-value="2018-07" | July 2018 | ||
− | | style="text-align:center;" | | + | | style="text-align:center;" | 16 |
| Adds an explanation link to the comic page; also displays the title text. | | Adds an explanation link to the comic page; also displays the title text. | ||
|- | |- | ||
− | | [https://addons.mozilla.org/firefox/addon/ | + | | [https://addons.mozilla.org/firefox/addon/xkcd-explainer/ XKCD Explainer] |
− | | | + | | Yechiel K |
− | | data-sort-value=" | + | | data-sort-value="2018-10" | October 2018 |
− | | style="text-align:center;" | | + | | style="text-align:center;" | 46 |
− | | Adds | + | | Adds a "Huh?" button to the comic page. |
|- | |- | ||
| [https://addons.mozilla.org/firefox/addon/xkcd-enchancer/ XKCD Enhancer] | | [https://addons.mozilla.org/firefox/addon/xkcd-enchancer/ XKCD Enhancer] | ||
Line 91: | Line 126: | ||
| data-sort-value="2019-03-22" | March 2019 | | data-sort-value="2019-03-22" | March 2019 | ||
| style="text-align:center;" | 1 | | style="text-align:center;" | 1 | ||
− | | Replaces the | + | | Replaces one of the existing navigation buttons on the comic page. |
+ | |- | ||
+ | | [https://addons.mozilla.org/firefox/addon/explain-xkcd/ Explain XKCD] | ||
+ | | Newt | ||
+ | | data-sort-value="2019-07" | July 2019 | ||
+ | | style="text-align:center;" | 14 | ||
+ | | Adds an address bar button. | ||
|- | |- | ||
| [https://addons.mozilla.org/firefox/addon/xkcd-explanifier/ xkcd Explanifier] | | [https://addons.mozilla.org/firefox/addon/xkcd-explanifier/ xkcd Explanifier] | ||
Line 99: | Line 140: | ||
| Adds a browser extension button that pops up another button that navigates to the explanation. | | Adds a browser extension button that pops up another button that navigates to the explanation. | ||
|} | |} | ||
+ | <references group="f" /> | ||
− | === | + | == Bookmarklets == |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | Inspired by the following suggestions: | |
− | * | + | * [[:explain_xkcd:Community_portal/Proposals#Add_bookmark]] |
− | * | + | * [[:explain xkcd:Community portal/Technical#Bookmarklet for jumping to explainxkcd.com from xkcd.com]] |
− | * | + | * [[:explain xkcd:Community portal/Miscellaneous#Bookmarklet]] |
− | * | + | * [https://gist.github.com/sheabunge/6043015 gist.github.com/sheabunge/explainxkcd.js] |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Instead of a browser add-on/extension, you can create a ''bookmarklet'' to take you from an xkcd.com comic page to the corresponding explainxkcd.com explanation page. A {{w|bookmarklet}} is a browser bookmark/favorite, except instead of containing a URL to a webpage, it contains custom {{w|JavaScript}} code to perform the desired operation. The easiest way to create a bookmarklet in your browser is to first create a normal bookmark/favorite for any webpage, then ''edit'' that new bookmark to paste in the JavaScript code as the new "location"/"URL"/"address" of the bookmark. General instructions for creating and editing bookmarks in various web browsers are as follows: | Instead of a browser add-on/extension, you can create a ''bookmarklet'' to take you from an xkcd.com comic page to the corresponding explainxkcd.com explanation page. A {{w|bookmarklet}} is a browser bookmark/favorite, except instead of containing a URL to a webpage, it contains custom {{w|JavaScript}} code to perform the desired operation. The easiest way to create a bookmarklet in your browser is to first create a normal bookmark/favorite for any webpage, then ''edit'' that new bookmark to paste in the JavaScript code as the new "location"/"URL"/"address" of the bookmark. General instructions for creating and editing bookmarks in various web browsers are as follows: | ||
* [https://support.mozilla.org/kb/bookmarks-firefox Mozilla Firefox] | * [https://support.mozilla.org/kb/bookmarks-firefox Mozilla Firefox] | ||
Line 324: | Line 254: | ||
}()); | }()); | ||
</pre> | </pre> | ||
+ | |||
[[208: Regular Expressions|Tap, tap, PERL!]] | [[208: Regular Expressions|Tap, tap, PERL!]] | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
[[Category:Meta]] | [[Category:Meta]] | ||
− |