1
edit
Changes
Jump to navigation
Jump to search
mLine 1:
Line 1: − Browse the web with the second edition of the Opera browser for DSi. The browser uses Opera 9.50. This application is available on the [[Nintendo DSi Shop]]. It's free.+ − + − + − + Line 71:
Line 71: + + Line 83:
Line 85: − + − − − + − { − 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> Line 135:
Line 128: − + Line 141:
Line 134: − + − + Line 157:
Line 150: − + + +
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 ==
== Changelog ==
=== 29/30 July 2009 version ===
=== 29/30 July 2009 version (507) ===
* Reducing the size of 3 blocks
* Reducing the size by 3 blocks
=== First version ===
=== First version (483) ===
* First release
* First release
*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 ===
=== Detect User Agent ===
To detect if the user agent is Nintendo DSi Browser :
To detect if the user agent is Nintendo DSi Browser :
<script type="text/javascript">
<script type="text/javascript">
window.onload=function()
window.onload=function
=== Key Codes ===
=== Key Codes ===
# 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; }
== 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 ==