DSiBrew - User contributions [en]

Nintendo DSi Browser

2010-07-02T03:50:29Z

Thewiirocks: /* Vertical mode */

The '''Nintendo DSi Browser''' is a free application downloadable from the [[Nintendo DSi Shop]]. It is capable of browsing the internet, but only with some plugins, including Javascript. Adobe Flash is not compatible with the application. Though Flash is not supported, sites such as DSiCade and DSiPaint have took advantage of the Javascript functionality and created games and applications, similar to ones created for Adobe Flash.

== Changelog ==

=== 29/30 July 2009 version (507) ===

* Reducing the size by 3 blocks

=== First version (483) ===

* First release

== Features/Limitations ==

{|class="wikitable sortable" width="300px"
! Feature
! Supported
|-
| Audio
| bgcolor="#ffdddd" | No
|-
| Canvas
| bgcolor="#ffffdd" | Limited
|-
| CSS2
| bgcolor="#ddffdd" | Yes
|-
| CSS3
| bgcolor="#ffffdd" | Partial ([http://www.css3.info/selectors-test/ test here])
|-
| DOM
| bgcolor="#ddffdd" |Yes
|-
| DOM2
| bgcolor="#ddffdd" |Yes
|-
| Javascript
| bgcolor="#ddffdd" | Yes
|-
| File Download
| bgcolor="#ffdddd" | No
|-
| File Upload
| bgcolor="#ffdddd" | No
|-
| Flash
| bgcolor="#ffdddd" | No
|-
| HTML5
| bgcolor="#ffffdd" | Partial
|-
| Plugins
| bgcolor="#ffdddd" | No
|-
| SVG
| bgcolor="#ffdddd" | No
|-
| Video
| bgcolor="#ffdddd" | No
|-
| XHTML
| bgcolor="#ddffdd" | Yes
|-
| XMLHttpRequest
| bgcolor="#ddffdd" | Yes
|}

== User Agent strings ==

Sample DSi Browser User Agent Strings :
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add one of the following tags between <head></head> :

<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=240">

Using device-width will adapt the page to the width of other mobile devices.

You can test this mode with the following demo page: [http://www.cashman-productions.fr.nf/dsi/ here] (link dead as of 06/2010)

=== Detect User Agent ===

To detect if the user agent is Nintendo DSi Browser :

<script type="text/javascript">
window.onload=function()
{
if (navigator.userAgent.indexOf('Nintendo DSi') == -1) //If the UserAgent is not "Nintendo DSi"
{
location.replace('http://www.dsibrew.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
|}

'''Notes''' :

* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button

== Screen Resolution ==

The DSi screen resolution is 256x192. However, the viewable area in the browser is only <b>240x176</b>. Both screens provide the same viewable area.

In vertical mode, 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 176px and not the full 352px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Use the meta tag to set vertical mode
# Ensure that your page takes up exactly 240x352 pixels.
# Add the following JavaScript just before the </body> tag:

<script>document.body.scrollTop = 176;</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=240">
<style>
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; 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://www.dsicade.com DSiCade]
* [http://dsipaint.com DSiPaint]
* [http://hullbreachonline.com/ds HullBreach Online Lite]

== See also ==

* [[Nintendo DSi Shop]]
* [[Nintendo Software]]

Nintendo DSi Browser

2010-07-02T03:42:15Z

Thewiirocks: /* Using Both Screens */

The '''Nintendo DSi Browser''' is a free application downloadable from the [[Nintendo DSi Shop]]. It is capable of browsing the internet, but only with some plugins, including Javascript. Adobe Flash is not compatible with the application. Though Flash is not supported, sites such as DSiCade and DSiPaint have took advantage of the Javascript functionality and created games and applications, similar to ones created for Adobe Flash.

== Changelog ==

=== 29/30 July 2009 version (507) ===

* Reducing the size by 3 blocks

=== First version (483) ===

* First release

== Features/Limitations ==

{|class="wikitable sortable" width="300px"
! Feature
! Supported
|-
| Audio
| bgcolor="#ffdddd" | No
|-
| Canvas
| bgcolor="#ffffdd" | Limited
|-
| CSS2
| bgcolor="#ddffdd" | Yes
|-
| CSS3
| bgcolor="#ffffdd" | Partial ([http://www.css3.info/selectors-test/ test here])
|-
| DOM
| bgcolor="#ddffdd" |Yes
|-
| DOM2
| bgcolor="#ddffdd" |Yes
|-
| Javascript
| bgcolor="#ddffdd" | Yes
|-
| File Download
| bgcolor="#ffdddd" | No
|-
| File Upload
| bgcolor="#ffdddd" | No
|-
| Flash
| bgcolor="#ffdddd" | No
|-
| HTML5
| bgcolor="#ffffdd" | Partial
|-
| Plugins
| bgcolor="#ffdddd" | No
|-
| SVG
| bgcolor="#ffdddd" | No
|-
| Video
| bgcolor="#ffdddd" | No
|-
| XHTML
| bgcolor="#ddffdd" | Yes
|-
| XMLHttpRequest
| bgcolor="#ddffdd" | Yes
|}

== User Agent strings ==

Sample DSi Browser User Agent Strings :
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add one of the following tags between <head></head> :

<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=240">

Using device-width will adapt the page to the width of other mobile devices.

You can test this mode with the following demo page: [http://www.cashman-productions.fr.nf/dsi/ here]

THE ABOVE LINK IS DEAD. DON'T BOTHER.

=== Detect User Agent ===

To detect if the user agent is Nintendo DSi Browser :

<script type="text/javascript">
window.onload=function()
{
if (navigator.userAgent.indexOf('Nintendo DSi') == -1) //If the UserAgent is not "Nintendo DSi"
{
location.replace('http://www.dsibrew.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
|}

'''Notes''' :

* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button

== Screen Resolution ==

The DSi screen resolution is 256x192. However, the viewable area in the browser is only <b>240x176</b>. Both screens provide the same viewable area.

In vertical mode, 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 176px and not the full 352px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Use the meta tag to set vertical mode
# Ensure that your page takes up exactly 240x352 pixels.
# Add the following JavaScript just before the </body> tag:

<script>document.body.scrollTop = 176;</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=240">
<style>
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; 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://www.dsicade.com DSiCade]
* [http://dsipaint.com DSiPaint]
* [http://hullbreachonline.com/ds HullBreach Online Lite]

== See also ==

* [[Nintendo DSi Shop]]
* [[Nintendo Software]]

Nintendo DSi Browser

2010-07-02T03:41:56Z

Thewiirocks: /* Example Sites */

The '''Nintendo DSi Browser''' is a free application downloadable from the [[Nintendo DSi Shop]]. It is capable of browsing the internet, but only with some plugins, including Javascript. Adobe Flash is not compatible with the application. Though Flash is not supported, sites such as DSiCade and DSiPaint have took advantage of the Javascript functionality and created games and applications, similar to ones created for Adobe Flash.

== Changelog ==

=== 29/30 July 2009 version (507) ===

* Reducing the size by 3 blocks

=== First version (483) ===

* First release

== Features/Limitations ==

{|class="wikitable sortable" width="300px"
! Feature
! Supported
|-
| Audio
| bgcolor="#ffdddd" | No
|-
| Canvas
| bgcolor="#ffffdd" | Limited
|-
| CSS2
| bgcolor="#ddffdd" | Yes
|-
| CSS3
| bgcolor="#ffffdd" | Partial ([http://www.css3.info/selectors-test/ test here])
|-
| DOM
| bgcolor="#ddffdd" |Yes
|-
| DOM2
| bgcolor="#ddffdd" |Yes
|-
| Javascript
| bgcolor="#ddffdd" | Yes
|-
| File Download
| bgcolor="#ffdddd" | No
|-
| File Upload
| bgcolor="#ffdddd" | No
|-
| Flash
| bgcolor="#ffdddd" | No
|-
| HTML5
| bgcolor="#ffffdd" | Partial
|-
| Plugins
| bgcolor="#ffdddd" | No
|-
| SVG
| bgcolor="#ffdddd" | No
|-
| Video
| bgcolor="#ffdddd" | No
|-
| XHTML
| bgcolor="#ddffdd" | Yes
|-
| XMLHttpRequest
| bgcolor="#ddffdd" | Yes
|}

== User Agent strings ==

Sample DSi Browser User Agent Strings :
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add one of the following tags between <head></head> :

<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=240">

Using device-width will adapt the page to the width of other mobile devices.

You can test this mode with the following demo page: [http://www.cashman-productions.fr.nf/dsi/ here]

THE ABOVE LINK IS DEAD. DON'T BOTHER.

=== Detect User Agent ===

To detect if the user agent is Nintendo DSi Browser :

<script type="text/javascript">
window.onload=function()
{
if (navigator.userAgent.indexOf('Nintendo DSi') == -1) //If the UserAgent is not "Nintendo DSi"
{
location.replace('http://www.dsibrew.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
|}

'''Notes''' :

* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button

== Screen Resolution ==

The DSi screen resolution is 256x192. However, the viewable area in the browser is only <b>240x176</b>. Both screens provide the same viewable area.

In vertical mode, 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 176px and not the full 352px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Use the meta tag to set vertical mode
# Ensure that your page takes up exactly 240x352 pixels.
# Add the following JavaScript just before the </body> tag:

<script>document.body.scrollTop = 176;</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=240">
<style>
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; 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://www.dsicade.com DSiCade]
* [http://dsipaint.com DSiPaint]
* [http://hullbreachonline.com/ds HullBreach Online Lite]

== See also ==

* [[Nintendo DSi Shop]]
* [[Nintendo Software]]

Nintendo DSi Browser

2010-07-02T03:41:16Z

Thewiirocks: /* Using Both Screens */ Restoring the HTML code back to a working version.

The '''Nintendo DSi Browser''' is a free application downloadable from the [[Nintendo DSi Shop]]. It is capable of browsing the internet, but only with some plugins, including Javascript. Adobe Flash is not compatible with the application. Though Flash is not supported, sites such as DSiCade and DSiPaint have took advantage of the Javascript functionality and created games and applications, similar to ones created for Adobe Flash.

== Changelog ==

=== 29/30 July 2009 version (507) ===

* Reducing the size by 3 blocks

=== First version (483) ===

* First release

== Features/Limitations ==

{|class="wikitable sortable" width="300px"
! Feature
! Supported
|-
| Audio
| bgcolor="#ffdddd" | No
|-
| Canvas
| bgcolor="#ffffdd" | Limited
|-
| CSS2
| bgcolor="#ddffdd" | Yes
|-
| CSS3
| bgcolor="#ffffdd" | Partial ([http://www.css3.info/selectors-test/ test here])
|-
| DOM
| bgcolor="#ddffdd" |Yes
|-
| DOM2
| bgcolor="#ddffdd" |Yes
|-
| Javascript
| bgcolor="#ddffdd" | Yes
|-
| File Download
| bgcolor="#ffdddd" | No
|-
| File Upload
| bgcolor="#ffdddd" | No
|-
| Flash
| bgcolor="#ffdddd" | No
|-
| HTML5
| bgcolor="#ffffdd" | Partial
|-
| Plugins
| bgcolor="#ffdddd" | No
|-
| SVG
| bgcolor="#ffdddd" | No
|-
| Video
| bgcolor="#ffdddd" | No
|-
| XHTML
| bgcolor="#ddffdd" | Yes
|-
| XMLHttpRequest
| bgcolor="#ddffdd" | Yes
|}

== User Agent strings ==

Sample DSi Browser User Agent Strings :
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add one of the following tags between <head></head> :

<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=240">

Using device-width will adapt the page to the width of other mobile devices.

You can test this mode with the following demo page: [http://www.cashman-productions.fr.nf/dsi/ here]

THE ABOVE LINK IS DEAD. DON'T BOTHER.

=== Detect User Agent ===

To detect if the user agent is Nintendo DSi Browser :

<script type="text/javascript">
window.onload=function()
{
if (navigator.userAgent.indexOf('Nintendo DSi') == -1) //If the UserAgent is not "Nintendo DSi"
{
location.replace('http://www.dsibrew.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
|}

'''Notes''' :

* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button

== Screen Resolution ==

The DSi screen resolution is 256x192. However, the viewable area in the browser is only <b>240x176</b>. Both screens provide the same viewable area.

In vertical mode, 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 176px and not the full 352px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Use the meta tag to set vertical mode
# Ensure that your page takes up exactly 240x352 pixels.
# Add the following JavaScript just before the </body> tag:

<script>document.body.scrollTop = 176;</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=240">
<style>
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; 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://www.dsicade.com DSiCade]
* [http://dsipaint.com DSiPaint]
* [http://hullbreachonline.com/ds HullBreach Online Lite]
* [http://dsinvent.ath.cx DSinvent]

== See also ==

* [[Nintendo DSi Shop]]
* [[Nintendo Software]]

Nintendo DSi Browser

2010-07-02T03:37:16Z

Thewiirocks: /* Example Sites */ Keep your f***ing spam off this page! The last thing we need is non-contributors posting their useless link sites. Make a real contribution or GTFO, please.

The '''Nintendo DSi Browser''' is a free application downloadable from the [[Nintendo DSi Shop]]. It is capable of browsing the internet, but only with some plugins, including Javascript. Adobe Flash is not compatible with the application. Though Flash is not supported, sites such as DSiCade and DSiPaint have took advantage of the Javascript functionality and created games and applications, similar to ones created for Adobe Flash.

== Changelog ==

=== 29/30 July 2009 version (507) ===

* Reducing the size by 3 blocks

=== First version (483) ===

* First release

== Features/Limitations ==

{|class="wikitable sortable" width="300px"
! Feature
! Supported
|-
| Audio
| bgcolor="#ffdddd" | No
|-
| Canvas
| bgcolor="#ffffdd" | Limited
|-
| CSS2
| bgcolor="#ddffdd" | Yes
|-
| CSS3
| bgcolor="#ffffdd" | Partial ([http://www.css3.info/selectors-test/ test here])
|-
| DOM
| bgcolor="#ddffdd" |Yes
|-
| DOM2
| bgcolor="#ddffdd" |Yes
|-
| Javascript
| bgcolor="#ddffdd" | Yes
|-
| File Download
| bgcolor="#ffdddd" | No
|-
| File Upload
| bgcolor="#ffdddd" | No
|-
| Flash
| bgcolor="#ffdddd" | No
|-
| HTML5
| bgcolor="#ffffdd" | Partial
|-
| Plugins
| bgcolor="#ffdddd" | No
|-
| SVG
| bgcolor="#ffdddd" | No
|-
| Video
| bgcolor="#ffdddd" | No
|-
| XHTML
| bgcolor="#ddffdd" | Yes
|-
| XMLHttpRequest
| bgcolor="#ddffdd" | Yes
|}

== User Agent strings ==

Sample DSi Browser User Agent Strings :
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add one of the following tags between <head></head> :

<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=240">

Using device-width will adapt the page to the width of other mobile devices.

You can test this mode with the following demo page: [http://www.cashman-productions.fr.nf/dsi/ here]

THE ABOVE LINK IS DEAD. DON'T BOTHER.

=== Detect User Agent ===

To detect if the user agent is Nintendo DSi Browser :

<script type="text/javascript">
window.onload=function()
{
if (navigator.userAgent.indexOf('Nintendo DSi') == -1) //If the UserAgent is not "Nintendo DSi"
{
location.replace('http://www.dsibrew.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
|}

'''Notes''' :

* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button

== Screen Resolution ==

The DSi screen resolution is 256x192. However, the viewable area in the browser is only <b>240x176</b>. Both screens provide the same viewable area.

In vertical mode, 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 176px and not the full 352px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Use the meta tag to set vertical mode
# Ensure that your page takes up exactly 240x352 pixels.
# Add the following JavaScript just before the </body> tag:

<script>document.body.scrollTop = 176;</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=240">
<style>
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; overflow: hidden; }
</style>
</head>
<body>
<div id="topscreen"> < meta name="keywords" content="whats in your site" >
< link href="css/main.css" rel="stylesheet" type="text/css" / >
< meta name="viewport" content="width=240" >Top Screen</div>
<div id="bottomscreen"> < meta name="keywords" content="whats in your site" >
< link href="css/main.css" rel="stylesheet" type="text/css" / >
< meta name="viewport" content="width=240" >Bottom Screen</div>
</body>
</html>

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

== Example Sites ==

* [http://www.dsicade.com DSiCade]
* [http://dsipaint.com DSiPaint]
* [http://hullbreachonline.com/ds HullBreach Online Lite]
* [http://dsinvent.ath.cx DSinvent]

== See also ==

* [[Nintendo DSi Shop]]
* [[Nintendo Software]]

Nintendo DSi Browser

2009-10-04T02:54:55Z

Thewiirocks: Undo revision 2348 by Poopie (Talk) SPAM. Does not substantially add to the page.

The '''Nintendo DSi Browser''' is a free application downloadable from the [[Nintendo DSi Shop]]. It is capable of browsing the internet, but only with some plugins, including Javascript. Adobe Flash is not compatible with the application. Though Flash is not supported, sites such as DSiCade and DSiPaint have took advantage of the Javascript functionality and created games and applications, similar to ones created for Adobe Flash.

== Changelog ==

=== 29/30 July 2009 version (507) ===

* Reducing the size by 3 blocks

=== First version (483) ===

* First release

== Features/Limitations ==

{|class="wikitable sortable" width="300px"
! Feature
! Supported
|-
| Audio
| bgcolor="#ffdddd" | No
|-
| Canvas
| bgcolor="#ffffdd" | Limited
|-
| CSS2
| bgcolor="#ddffdd" | Yes
|-
| CSS3
| bgcolor="#ffffdd" | Partial ([http://www.css3.info/selectors-test/ test here])
|-
| DOM
| bgcolor="#ddffdd" |Yes
|-
| DOM2
| bgcolor="#ddffdd" |Yes
|-
| Javascript
| bgcolor="#ddffdd" | Yes
|-
| File Download
| bgcolor="#ffdddd" | No
|-
| File Upload
| bgcolor="#ffdddd" | No
|-
| Flash
| bgcolor="#ffdddd" | No
|-
| HTML5
| bgcolor="#ffffdd" | Partial
|-
| Plugins
| bgcolor="#ffdddd" | No
|-
| SVG
| bgcolor="#ffdddd" | No
|-
| Video
| bgcolor="#ffdddd" | No
|-
| XHTML
| bgcolor="#ddffdd" | Yes
|-
| XMLHttpRequest
| bgcolor="#ddffdd" | Yes
|}

== User Agent strings ==

Sample DSi Browser User Agent Strings :
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add one of the following tags between <head></head> :

<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=240">

Using device-width will adapt the page to the width of other mobile devices.

You can test this mode with the following demo page: [http://www.cashman-productions.fr.nf/dsi/ here]

=== Detect User Agent ===

To detect if the user agent is Nintendo DSi Browser :

<script type="text/javascript">
window.onload=function()
{
if (navigator.userAgent.indexOf('Nintendo DSi') == -1) //If the UserAgent is not "Nintendo DSi"
{
location.replace('http://www.dsibrew.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
|}

'''Notes''' :

* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button

== Screen Resolution ==

The DSi screen resolution is 256x192. However, the viewable area in the browser is only <b>240x176</b>. Both screens provide the same viewable area.

In vertical mode, 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 176px and not the full 352px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Use the meta tag to set vertical mode
# Ensure that your page takes up exactly 240x352 pixels.
# Add the following JavaScript just before the </body> tag:

<script>document.body.scrollTop = 176;</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=240">
<style>
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; 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://www.dsicade.com DSiCade]
* [http://dsipaint.com DSiPaint]
* [http://hullbreachonline.com/ds HullBreach Online Lite]

== See also ==

* [[Nintendo DSi Shop]]
* [[Nintendo Software]]

Nintendo DSi Browser

2009-04-21T14:03:45Z

Thewiirocks: /* Using Both Screens */ Forgot to set the overflow

Browse the web with the second edition of the Opera browser for DSi. The browser use Opera 9.50. This application is available on the [[Nintendo DSi Shop]]. It's free.

== Features/Limitations ==

{|class="wikitable sortable" width="300px"
! Feature
! Supported
|-
| Audio
| bgcolor="#ffdddd" | No
|-
| Canvas
| bgcolor="#ffffdd" | Limited
|-
| CSS2
| bgcolor="#ddffdd" | Yes
|-
| CSS3
| bgcolor="#ffffdd" | Partial ([http://www.css3.info/selectors-test/ test here])
|-
| DOM
| bgcolor="#ddffdd" |Yes
|-
| DOM2
| bgcolor="#ddffdd" |Yes
|-
| Javascript
| bgcolor="#ddffdd" | Yes
|-
| File Download
| bgcolor="#ffdddd" | No
|-
| File Upload
| bgcolor="#ffdddd" | No
|-
| Flash
| bgcolor="#ffdddd" | No
|-
| HTML5
| bgcolor="#ffffdd" | Partial
|-
| Plugins
| bgcolor="#ffdddd" | No
|-
| SVG
| bgcolor="#ffdddd" | No
|-
| Video
| bgcolor="#ffdddd" | No
|-
| XHTML
| bgcolor="#ddffdd" | Yes
|-
| XMLHttpRequest
| bgcolor="#ddffdd" | Yes
|}

== User Agent strings ==

Sample DSi Browser User Agent Strings :

*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add one of the following tags between <head></head> :

<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=240">

Using device-width will adapt the page to the width of other mobile devices.

You can test this mode with the following demo page: [http://www.cashman-productions.fr.nf/dsi/ here]

== Screen Resolution ==

The DSi screen resolution is 256x192. However, the viewable area in the browser is only <b>240x176</b>. Both screens provide the same viewable area.

In vertical mode, 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 176px and not the full 352px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Use the meta tag to set vertical mode
# Ensure that your page takes up exactly 240x352 pixels.
# Add the following JavaScript just before the </body> tag:

<script>document.body.scrollTop = 176;</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=240">
<style>
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; 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.

=== Detect User Agent ===

To detect if the user agent is Nintendo DSi Browser :

<script type="text/javascript">
window.onload=function()
{
if (navigator.userAgent.indexOf('Nintendo DSi') == -1) //If the UserAgent is not "Nintendo DSi"
{
location.replace('http://www.dsibrew.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
|}

'''Notes''' :

* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button

== Example Sites ==

* [http://www.cashman-productions.fr.nf/dsi/ Vertical test page]
* [http://www.dsicade.com DSiCade]

== See also ==

* [[Nintendo DSi Shop]]
* [[Nintendo Software]]

Nintendo DSi Browser

2009-04-21T13:22:52Z

Thewiirocks:

Browse the web with the second edition of the Opera browser for DSi. The browser use Opera 9.50. This application is available on the [[Nintendo DSi Shop]]. It's free.

== Features/Limitations ==

{|class="wikitable sortable" width="300px"
! Feature
! Supported
|-
| Audio
| bgcolor="#ffdddd" | No
|-
| Canvas
| bgcolor="#ffffdd" | Limited
|-
| CSS2
| bgcolor="#ddffdd" | Yes
|-
| CSS3
| bgcolor="#ffffdd" | Partial ([http://www.css3.info/selectors-test/ test here])
|-
| DOM
| bgcolor="#ddffdd" |Yes
|-
| DOM2
| bgcolor="#ddffdd" |Yes
|-
| Javascript
| bgcolor="#ddffdd" | Yes
|-
| File Download
| bgcolor="#ffdddd" | No
|-
| File Upload
| bgcolor="#ffdddd" | No
|-
| Flash
| bgcolor="#ffdddd" | No
|-
| HTML5
| bgcolor="#ffffdd" | Partial
|-
| Plugins
| bgcolor="#ffdddd" | No
|-
| SVG
| bgcolor="#ffdddd" | No
|-
| Video
| bgcolor="#ffdddd" | No
|-
| XHTML
| bgcolor="#ddffdd" | Yes
|-
| XMLHttpRequest
| bgcolor="#ddffdd" | Yes
|}

== User Agent strings ==

Sample DSi Browser User Agent Strings :

*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add one of the following tags between <head></head> :

<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=240">

Using device-width will adapt the page to the width of other mobile devices.

You can test this mode with the following demo page: [http://www.cashman-productions.fr.nf/dsi/ here]

== Screen Resolution ==

The DSi screen resolution is 256x192. However, the viewable area in the browser is only <b>240x176</b>. Both screens provide the same viewable area.

In vertical mode, 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 176px and not the full 352px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Use the meta tag to set vertical mode
# Ensure that your page takes up exactly 240x352 pixels.
# Add the following JavaScript just before the </body> tag:

<script>document.body.scrollTop = 176;</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=240">
<style>
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; }
</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.

=== Detect User Agent ===

To detect if the user agent is Nintendo DSi Browser :

<script type="text/javascript">
window.onload=function()
{
if (navigator.userAgent.indexOf('Nintendo DSi') == -1) //If the UserAgent is not "Nintendo DSi"
{
location.replace('http://www.dsibrew.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
|}

'''Notes''' :

* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button

== Example Sites ==

* [http://www.cashman-productions.fr.nf/dsi/ Vertical test page]
* [http://www.dsicade.com DSiCade]

== See also ==

* [[Nintendo DSi Shop]]
* [[Nintendo Software]]

Nintendo DSi Browser

2009-04-20T12:35:30Z

Thewiirocks: /* Features/Limitations */

Nintendo DSi Browser

2009-04-16T21:10:50Z

Thewiirocks: /* Features/Limitations */

Nintendo DSi Browser

2009-04-14T23:28:11Z

Thewiirocks: /* Features/Limitations */

Nintendo DSi Browser

2009-04-14T23:26:21Z

Thewiirocks: /* Limitations */

Nintendo DSi Browser

2009-04-10T02:25:55Z

Thewiirocks:

{{stub}}
Browse the web with the second edition of the Opera browser for DS. (Flash and things not supported)

== User Agent strings ==

Sample DSi Browser User Agent Strings :

*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add this tag between <head></head> :

<meta name="viewport" content="width=240">

You can test that with a demo page on my website : [http://www.cashman-productions.fr.nf/dsi/ here]

=== Detect User Agent ===

To detect if the user agent is Nintendo DSi Browser :

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

=== Key Codes ===

{|border="1"
! Code !! Button
|-
| 13 || A
|-
| 37 || Left
|-
| 38 || Up
|-
| 39 || Right
|-
| 40 || Down
|}

Notes:
* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button