Internet Browser

2011-12-15T06:05:03Z

Ditto: /* Example Sites */

The 3DS Internet Browser was added in the June 2011 Update for JPN/EUR/USA.

From the Internet Browser help section:
In compliance with the LGPL, the source code of the OSS is available via the Nintendo website.
This source code can be downloaded here:
[http://mediacontent.nintendo-europe.com/NOE/images/service/OpenSources.zip]

The 3D Internet Browser is [http://en.wikipedia.org/wiki/Netfront Netfront] Browser NX v1.0 based on [http://en.wikipedia.org/wiki/WebKit WebKit] engine.

User-agent is : '''Mozilla/5.0 (Nintendo 3DS; U; ; fr) Version/1.7412.EU'''
''for a EUR/fr Nintendo 3DS''

==Web Standards==
*HTML 4.01
*HTML 5 (120/400 score on [http://www.html5test.com HTML5Test.com])
*XHTML 1.1
*CSS 1
*CSS 2.1
*CSS 3 (some functionality is unavailable)
*DOM Levels 1-3
*ECMAScript
*XMLHttpRequest
*Canvas Element (some functionality is unavailable)

==Protocols==
*HTTP 1.0
*HTTP 1.1
*SSLv3
*TLS 1.0

==Image Formats==
*[[File_Formats|MPO]]
*GIF
*JPEG
*PNG
*BMP
*ICO (some files cannot be displayed)

==Plug-Ins==

Plug-ins (such as Adobe Flash) are not supported.

==Other details==

*It scored 90/100 on [http://acid3.acidtests.org/ Acid3] test
*Images from the Internet can be saved to the [[SD Filesystem|SD Card]] and viewed using the [[Nintendo 3DS Camera]] application.
*Images saved to an [[SD Filesystem|SD Card]] or to the Nintendo 3DS system memory can be uploaded to blogs or other sites that allow the uploading of photos using :
<input type="file" />
* HTML5Test.com say that Drag and drop is supported but it's not (code on WebKit is ready, but it's not implemented on interface of browser)

==Tips==

=== Detect User Agent ===

To detect if the user agent is Nintendo 3DS Browser :

<script type="text/javascript">
window.onload=function()
{
if (navigator.userAgent.indexOf('Nintendo 3DS') == -1) //If the UserAgent is not "Nintendo 3DS"
{
location.replace('http://www.3dbrew.org'); //Redirect to an other page
}
}
</script>

=== Key Codes ===

{|class="wikitable" width="20%"
! Code !! Button
|-
| 13 || A
|-
| 37 || Left
|-
| 38 || Up
|-
| 39 || Right
|-
| 40 || Down
|}

== Screen Resolution ==

The up screen resolution is 400×240. However, the viewable area in the browser is only <b>400×220</b>.

The touch screen resolution is 320×240. However, the viewable area in the browser is only <b>320×212</b>.

You can have a page span both screens. However, the browser will behave as if the bottom screen is the only active screen and the top screen is scrolled off. This is important when computing CSS coordinates. Items positioned from "bottom" will be positioned based on 220px and not the full 432px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Ensure that your page takes up exactly 320x432 pixels.
# Add the following JavaScript just before the </body> tag:

<script>document.body.scrollTop = 220;</script>

Generally the easiest way to accomplish the correct layout is to create HTML elements that "contain" the top and bottom screens. Here's an example:

<html>
<head>
<meta name="viewport" content="width=320">
<style>
body { margin: 0px; }
#topscreen { width: 320px; height: 220px; overflow: hidden; }
#bottomscreen { width: 320px; height: 212px; overflow: hidden; }
</style>
</head>
<body>
<div id="topscreen">Top Screen</div>
<div id="bottomscreen">Bottom Screen</div>
</body>
</html>

This scheme allows the page to be easily manipulated through JavaScript.

==Example Sites==

* [http://geekshadow.com/gaming/dev/weaponscolors/3DS/ Weapons and Colors] (Short URL for 3DS : http://bit.ly/3DSwc)
* [http://3ds.andysmith.co.uk/jFox.html jFox] (Short URL for 3DS : http://bit.ly/iB7FqW)
* [http://ditto3d.com/3ds Ditto3D]

3dbrew - User contributions [en]

Internet Browser