1
edit
Changes
mLine 1:
Line 1: − 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.+ + + + + + + + + + + Line 59:
Line 69: − + + Line 74:
Line 85: − + + + + + + + + + + + + + + + + + + + + + + + + + + + + Line 90:
Line 128: − + Line 96:
Line 134: − + − + Line 109:
Line 147: − − === 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 − + + +
Socialcu.be does not have https
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 ==
== Features/Limitations ==
Sample DSi Browser 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-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)
*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 ==
== Tips ==
Using device-width will adapt the page to the width of other mobile devices.
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]
You can test this mode with the following demo page: [http://dsipaint.com DSiPaint].
=== Detect User Agent ===
To detect if the user agent is Nintendo DSi Browser :
<script type="text/javascript">
window.onload=function
=== 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 ==
== Screen Resolution ==
# Add the following JavaScript just before the </body> tag:
# Add the following JavaScript just before the </body> tag:
<script>document.body.scrollTop = 176;</script>
<script type="text/javascript">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:
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>
<html>
<head>
<head>
<meta name="viewport" content="width=240">
<meta name="viewport" content="width=240" />
<style>
<style type="text/css">
body { margin: 0px; }
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; overflow: hidden; }
#topscreen, #bottomscreen { width: 240px; height: 176px; overflow: hidden; }
This scheme allows the page to be easily manipulated through JavaScript.
This scheme allows the page to be easily manipulated through JavaScript.
== Example Sites ==
== Example Sites ==
<!-- If you have a website that demonstrates these techniques, place it here! -->
<!-- If you have a website that demonstrates these techniques, place it here! -->
* [http://www.cashman-productions.fr.nf/dsi/ Vertical test page]
* [http://dsipaint.com DSiPaint]
* [http://socialcu.be SocialCu.be]
* [http://www.dsicade.com DSiCade]
* [http://www.dsicade.com DSiCade]
* [http://hullbreachonline.com/ds HullBreach Online Lite]
== See also ==
== See also ==