Wikipedia:Browser notes

From Wikipedia, the free encyclopedia

See also Meta:Browser_issues_with_MediaWiki

Browser notes is a Wikipedia page aimed at helping contributors and readers choose a web browser. There is no perfect browser for viewing Wikipedia.

Please list the pros and cons of particular browsers for viewing and editing Wikipedia articles. Limit your contributions to practical drawbacks and actual experiences with various browsers in interaction with the Wikipedia. If you wish to report a bug to do with Wikipedia's interaction with a browser, see Wikipedia:bug reports.

No browser wars but if you must comment at length, take it to the Browser notes talk page, please.

Please change the order of the browsers to place the Consensus Best Browser first on the list for each platform and continue in order of preference. Keep comments brief.

The Opera, Internet Explorer, Konqueror, and Mozilla-based browsers support a direct interface for searching Wikipedia. See Wikipedia:Searching for more information.

Contents

[edit] Browsers on Microsoft Windows

[edit] Mozilla Firefox

  • In v0.8, existing wikilinks may be left red (looking like absent articles) after a right-button mouse click. In MediaWiki v1.3, the colour became orange, the proper active link color.
  • Text search ignores edit window in v0.8 - v1.5.4 (see bugzilla entry on this issue). Possible workaround is to activate the "highlight" function in the find bar.
  • Section "[edit]" links may be misplaced for some sections (for example, the first sections of the Mars article).
  • Firefox is not IE, which most people use, and the former is more standards-compliant than IE. Therefore, someone who makes an edit in IE may add something that looks right for them, but is not standards-compliant and thus doesn't look right in other browsers. Examples:
    • IE's treatment of CSS clearing is nonstandard. See, for instance, this revision in IE and a modern browser such as Firefox or Opera (note: the oddness might not appear if your screen size is very large; try narrowing the window). To fix this particular bug, use CSS style="clear: both".

[edit] Mozilla Suite/SeaMonkey

  • Text search ignores edit window in Version 1.4 of the Mozilla suite
  • The Mozilla Suite is not IE, which most people use, and the former is more standards-compliant than IE. Therefore, someone who makes an edit in IE may add something that looks right for them, but is not standards-compliant and thus doesn't look right in other browsers. Examples:
    • IE's treatment of CSS clearing is nonstandard. See, for instance, this revision in IE and a modern browser such as Firefox or Opera (note: the oddness might not appear if your screen size is very large; try narrowing the window). To fix this particular bug, use CSS style="clear: both".

[edit] Opera

  • Editing buttons (B, I, Ab etc.) do not enable undo for Opera 8.01.
  • Edit button missing for some sections (see i. e. first sections of the Mars article) for Opera 8.0.1
  • Very old versions cannot edit long pages. See Wikipedia:Article size.
  • Interprets Devanagari (Indic) scripts incorrectly as far as the use of vowels are concerned. (up to v.8)
  • In version 8.51, superscript text creates a few pixels of extra line space. There is a fix.
  • Opera is not IE, which most people use, and the former is more standards-compliant than IE. Therefore, someone who makes an edit in IE may add something that looks right for them, but is not standards-compliant and thus doesn't look right in other browsers. Examples:
    • IE's treatment of CSS clearing is nonstandard. See, for instance, this revision in IE and a modern browser such as Firefox or Opera (note: the oddness might not appear if your screen size is very large; try narrowing the window). To fix this particular bug, use CSS style="clear: both".

[edit] Netscape Browser

  • Very old versions of Netscape Browser's predecessor, Netscape Navigator, cannot edit long pages. See Wikipedia:Article size. However, this appears to be inapplicable to any version released since 2001.
  • When using the Gecko layout engine, Netscape is not IE, which most people use, and the former is more standards-compliant than IE. Therefore, someone who makes an edit in IE may add something that looks right for them, but is not standards-compliant and thus doesn't look right in other browsers. Examples:
    • IE's treatment of CSS clearing is nonstandard. See, for instance, this revision in IE and a modern browser such as Firefox or Opera (note: the oddness might not appear if your screen size is very large; try narrowing the window). To fix this particular bug, use CSS style="clear: both".
  • When using the Trident layout engine, Netscape suffers from some of Internet Explorer's flaws, detailed below.

[edit] K-Meleon

  • K-Meleon is not IE (but based on the gecko engine like firefox and other mozilla browsers), which most people use, and the former is more standards-compliant than IE. Therefore, someone who makes an edit in IE may add something that looks right for them, but is not standards-compliant and thus doesn't look right in other browsers. Examples:
    • IE's treatment of CSS clearing is nonstandard. See, for instance, this revision in IE and a modern browser such as Firefox or Opera (note: the oddness might not appear if your screen size is very large; try narrowing the window). To fix this particular bug, use CSS style="clear: both".

[edit] Internet Explorer

  • In general, IE demonstrates poor support of relatively recent (e.g., post-1999) Web standards. As a result, certain things may not look or work exactly right, although generally a workaround of some kind is implemented server-side if possible.
  • IE does not support an alpha channel (translucency) in PNG images.
  • Those who try to type non-Latin1 characters directly into an article are sometimes surprised by IE's attempts to encode the data in a language-specific charset instead of Latin1 plus (at times incorrect) numeric character references. For advice, see Wikipedia talk:Wikipedians/South Korea.
  • All versions of IE have problems with text sizes, but should work fine with the default skin. Textboxes may be too wide on other skins, or font sizes may be illegible.
  • Setting a font size does not work for the wikitext area or the edit summary and go/search boxes, unless one uses a local Cascading Style Sheet containing textarea, input {font-size: 100%} (or other percentages of choice).
  • IE doesn't override the display font where glyphs don't exist in that font, such as for passages of multilingual text or IPA used for pronunciation. Wikipedia editors are using templates to work around this deficiency, so it shouldn't be an issue where those are used at least (see Template talk:Polytonic, Template talk:IPA, Template talk:Unicode).
  • The search box in IE7 can be configured to search Wikipedia, but misinterprets blanks as plus signs.

[edit] NCSA MOSAIC

  • Latest version (3.0) can't even load Wikimedia pages due to lack of support for the HTTP 1.1 host header system.

[edit] Browsers on Macintosh Systems

[edit] Mac OS X

[edit] Safari

  • Superscript text creates a few pixels of extra line space. There is a fix.

[edit] Firefox 1.0.x

  • The browser has difficulty with subscript and superscript that does not use the <sub>/<sup> code, particulary the "x&sup2 ;" type. However, the unicode version does not display well, either. Unicode makes most numbers difficult to read and makes the numbers 3 and 4 unreadable. Does not allow for the searching of the edit box.

[edit] Netscape

  • Browser search ignores edit window

[edit] Opera 6

  • Internal buffer sometimes can't handle long pages, mangles them
  • Slow. No auto login between sessions.

[edit] Opera 7.5

  • No problems reported.

[edit] OmniWeb

  • Occasionally hangs permanently.
  • Does not wrap text around graphics, except in preview mode.
  • Does not display indented paragraphs separated by blank line correctly, inserts two blank lines.
  • Does not display popups at all.

[edit] Mozilla

  • No problems reported.

[edit] Camino

Drops login.


[edit] iCab

  • Sidebar displays after the end of the page content rather than at the top along the page. (but note that the current version available for iCab, generally has problems displaying web sites correctly so far.)

[edit] Shiira

  • No problems reported.

[edit] Mac OS 9 and earlier

[edit] Netscape

  • 7.x : no problem reported
  • 4.5 : overlapping text and quick bar under cologne blue settings, may add weird space in text; some encoding issues

[edit] Internet Explorer

  • 4.5 : logging off from one wiki to another. Some encoding issues
  • 5.2.3: Some text is invisible, with no apparent pattern. The words disappear mid-sentence, or even mid-word, and reappear a few words or sentences later.
  • 5.5 : sometimes freeze the edit window

[edit] Mozilla

  • 1.2 : some encoding issues, very slow

[edit] Opera

  • 5.0 : cut long pages in editing mode; encoding issues. Overlapping text and bar in some pages (prefs)
  • 6.0 : add undesirable blank lines, crashes unexpectedly

[edit] iCab

  • Side toolbar appears in wrong location (below any main text).

[edit] UNIX/Linux Browsers

Most require X Window System. Platform limitations as noted.

[edit] Arena

  • Claims HTML-3 compatibility

[edit] Chimera

  • No problems reported.

[edit] CLRMosaic

  • No problems reported.

[edit] Dillo

  • Very fast GUI browser
  • Formats quite nicely, but no CSS
  • Cookies are tricky, so logging in is tricky
  • Doesn't support UTF-8, so special characters will render as gibberish

[edit] ELinks

  • Text only, but renders tables and frames.
  • Support http authentification.
  • Users can use their text editor of choice to edit textarea fields.
  • Problems with editing UTF-8.

[edit] Galeon

  • Left hand find bar overwrites text.

[edit] HotJava

  • Solaris only.

[edit] Konqueror

Works fine.


[edit] Links

  • Text only or with graphic, but formats well.
  • in old versions the login may be broken. (Try to check referrer sending and cookie handling. If everything fails try to use eLinks, and check the same settings.)

[edit] Lynx

  • Text only.
  • Users can use their text editor of choice to edit textarea fields (this feature needs to be enabled at compile time)
  • Forces wrapping of very long lines in a textarea, which is a problem in editing some articles.
  • Display options for non-ASCII characters affect editing. Be sure to set "character_set=ISO Latin 1" in your lynxrc, otherwise accented characters will be silently mangled during editing!
  • Most tables are rendered as simple text.
  • Viewing of diffs and redlinks can be improved by adding the following to the lynx.lss configuration file:
    span.diffchange:bold:brightred
    td.diff-deletedline:bold:green
    td.diff-addedline:bold:cyan
    a.new:bold:cyan

[edit] Mozilla 1.4+

  • No problems reported.

[edit] Mozilla Firefox 0.9.1+

  • Text search ignores edit window in v0.8 - v1.0 (see bugzilla entry on this issue. Possible workaround is to activate the "highlight" function in the find bar.
  • Section "[edit]" links may be misplaced for some sections (see i.e. first sections of the Mars article).

[edit] Netscape

  • Cookie support is difficult, so logging in can be tricky.
  • 4.x: Problems with <div> marked images; sometimes crashes when one writes a new article or heavily edits an existing one (users are advised to do any heavy edit-work in another application and then use cut-and-paste)
  • 6 and later: No problems reported.

[edit] Opera

  • No problems reported.

[edit] OmniWeb

  • 3.x for OPENSTEP: Ok, but sidebar displays after main page content.

[edit] X-Mosaic

  • No problems reported.

[edit] TKWWW

  • Built-in editor

[edit] ViolaWWW

  • No problems reported.

[edit] W3M

  • No problems reported.

[edit] Webspace

  • SGI Irix only

[edit] Webview

  • No problems reported.

[edit] BeOS

[edit] NetPositive

  • Not all elements of the CSS recognized, though still fairly functional. NetPositive has issues with some HTML entities on repeated editing (replacing entities by the character glyph), so be careful.

[edit] PDA & cell phone browsers

See also Wikipedia:Wikipedia on PDAs and Wikipedia:WAP access.

[edit] Danger Hiptop/T-Mobile Sidekick

  • Site renders fine in nostalgia skin.
  • Works better with sidebar off.

[edit] Palm OS 5.4.5/Blazer 4.0/PalmOne Treo 650

  • Default settings
    • Site is unreadable (http://en.wikipedia.org/wiki/Main_Page_%28table_free%29). Prior to everything downloading (and thus, prior to final rendering) page displays as plain text with links and basic formatting. After final rendering, the page is squashed into a thin vertical strip a few characters wide. This effect occurs with either "wide page" or "optimized" views. Same effect with the main front page, the "table free pages", and all article pages.
    • If the page loading is stopped midway, the original "non-rendered" version remains and is fully functional and readable. Timing when to stop the load (after content loads, but before the styling loads) is very difficult.
    • Default monobook skin rendering on the Treo650's Blazer.
      Default monobook skin rendering on the Treo650's Blazer.
    • Users can use a different skin such as Cologne Blue or install their own style sheets for the various skins. This works around the problem.
    • In Fast Mode, using the option to disable CSS may also provide usable results (tested on Blazer 4.5 - Treo 700p)
    • Large pages do not display completely. Editing large sections of text may not be successful.
  • Cologne Blue
    • Readable and quite usable; logging in to switch to Cologne Blue may be a problem.
  • User installed style-sheets
    • Wikipedia allows users to create accounts and upload style-sheets (amongst other things) to override/customize the rendering of pages via skins when logged in as that user-account. A style-sheet is required per skin. In the examples that follow the default monobook skin is assumed to have been selected. It is best to create a separate user-account for handheld viewing as the resulting rendering is illegible on most desktop browsers.
    • To start-off key in the URL for the per-user-account monobook style-sheet - en.wikipedia.org/wiki/User:user-account-name/monobook.css into the browser. Replace the italicized user-account-name in the URL with the account name for handheld viewing. The site might complain that the page was not found - which makes sense as it has not been created yet.
    • Click on the edit this page tab at the top of the page. Copy in the boxed contents below into the edit region.
      #column-content {
          margin: 0 0 0 0;
          line-height: 1em;
          float: none;
      }
      #content {
          margin: 0.0em 0 0 0; /* Change the 0.0em to 2.8em to make */
                               /* extra white space at the top of a wiki page */
                               /* The 0.0em causes the tab buttons at */
                               /* the top ("edit this page", etc) to disappear */
                               /* on gecko based browsers. In such a situation hit */
                               /* "alt+e" to edit this page */
          line-height: 1em;
          padding: 0 0 0 0.2em;
      }
      /* Something about the above two sets of lines makes all content flow */
      /* linearly down the page */
      #column-one {
          padding-top: 0px;
          line-height: 1em;
      }
      #p-logo {
          position: relative;
      }
      #globalWrapper {
          font-size: 100%; /* Sets all fonts to normal size */
          line-height: 1em;
      }
      #contentSub {
          font-size: 100%; /* Sets all fonts to normal size */
          margin: 0 0 0 0; /* Removes margins */
          line-height: 1em;
          color: #FFFFFF; /* Sets the background to white */
      }
      
      ul, ol, li, dt, dd, p, h1, h2, h3, h4, h5, h6 {
          line-height: 1em;
      } /* Packs lines nicely*/
      
      div.tright, div.tleft {
          border-width: 0 0 0 0;
          line-height: 1em;
          padding: 0 0 0 0;
      } /* Shrinks thumb picture frames as much as possible. */
      
      div.thumb div div.thumbcaption {
          line-height: 1em;
          padding: 0 0 0 0;
      } /* Shrinks thumb picture frames as much as possible. */
      
    • Save the page by clicking on the Save page button at the bottom of the edit window.
    • On your handheld, browse over to en.wikipedia.org and log in as the user-account created. This will be hard with the single-character width rendering - but it'll be the last time you'll have to - if all goes well.
    • Key in a favorite Wikipedia page. If it renders badly, hit the refresh button. Thereafter rendering should be legible. Sample screenshots follow:
      Rendering of the beginning of an article.
      Rendering of the beginning of an article.
      Contents section (list items) rendering.
      Contents section (list items) rendering.
      Inline article image rendering.
      Inline article image rendering.
      Regular paragraph rendering.
      Regular paragraph rendering.

[edit] Browser add-ons & proxies

[edit] Ad-busters

See also Mediazilla:5402.

[edit] Opera kiosk mode filtering

  • May block access to articles if they begin with blocked strings such as "ad"

[edit] Atguard, Norton Internet Security, WebWasher

  • On default settings, disallows access to articles beginning with the word "ad" (ad hoc, ad hominem etc)

[edit] Adblock Filterset.G Updater

  • Filterset set blocks /ad/ in URLs, use Adblock Plus and Filterset.G Whitelist to bypass (whitelists Wikimedia related URLs)

[edit] Search Plugins

Plugins that can be used to search the Wikipedia easier.

[edit] Mozilla (all, including Firefox)

  1. Dictionary Search
    This plugin can be set up to search the Wikipedia as follows:
    1. Open "Tools->Options->Extensions", or "Tools->Add-ons"
    2. Click on "Dictionary Search", then the "Options..." button
    3. Choose one of the dictionary slots, and enter "Wikipedia page for $" (or something like that) as text, "W" as accesskey (if it needs an accesskey), and "http://en.wikipedia.org/wiki/$" as URL.
    4. Now you can highlight any word on a webpage, right-click and choose to go to the corresponding Wikipedia page.
  2. Mycroft Wikipedia Plugin
    Adds a Wikipedia in the language of your choice to the list of search engines on the Navigation bar.

[edit] Opera 9

To add Wikipedia to the Opera seaches do the following:

  1. Go to 'Tools/Preferences' menu, tab 'Search', click 'New' and write "Wikipedia" as name, "k" (or some other letter) as keyword, and "http://en.wikipedia.org/wiki/%s" as URL.

JavaScript bookmark (All browsers with JavaScript enabled)

  1. Bookmark this simple lightweight javascript which pops up a prompt for a search term.
  2. Create a new bookmark and put the following into the URL/Location:
    javascript:void(q=prompt('Wikipedia search:',''));if(q)void(location.href='http://en.wikipedia.org/wiki/Special:Search?go=Go&search='+escape(q))

[edit] Textarea tools

[edit] Built-in Tools

[edit] Lynx

  • Allows any text editor to be used once the option is set.

[edit] Konqueror

  • Internally highlights misspelled words in textareas.

[edit] Safari

  • Underlines misspelled words in textareas if you check the Edit > Spelling > Check Spelling as You Type option. Control-click or right-click for a list of suggested corrections.

[edit] Omniweb

[edit] Add-ons

[edit] Internet Explorer

  • IESpell adds spellchecking to Internet Explorer.

[edit] Opera

  • Supports the spelling checking on Windows and Linux if you install Aspell. Instructions are available from Opera.

[edit] Mozilla and Firefox

  • Wikipedia Extension
    • Adds a toolbar with various formatting functions and quicklinks to most Special: pages.
    • Not tested on Mac
    • Make sure you get the latest version, 0.6.0.7 as of this writing; download at update.mozilla.org is out-of-date and does not work on 1.0
  • SpellBound adds spellchecking to Firefox, supporting international dictionaries. Download from here for Firefox up to 1.0.x and from here for Firefox 1.5.x. Firefox 2.0.x has spellchecking built in.
  • These tools add an option to the browser to use an external editor on a web page textarea.
    • Mozex
      • Doesn't support Mozilla on Mac
      • Doesn't support Firefox 1.0 as provided (see this for a workaround)
    • Electrix
      • Not currently maintained

[edit] Safari

  • UnicodeChecker allows in-place conversion of Unicode text to HTML entities and back. Requires Mac OS X Panther (10.3). Freeware.
    • Great for editing text in non-ISO-8859-1 character sets on the English-language Wikipedia (Cyrillic, etc).
    • Works as a system service from a menu (Safari→Services→Unicode→), or keyboard shortcut (command-shift-8).
  • CocoAspell adds international spelling dictionaries to the inline spell-checker. Freeware.
    • Based on UNIX Aspell.

[edit] See also

[edit] External links

In other languages