Wenn Sie Ihre erste iPad-App bauen wollen, aber nicht haben Erfahrung in der Objekt -basierte Software- Programmierung, ist eine Web App eine gute Möglichkeit, um zu starten. In seinem Kern ist eine Web App einfach eine Webseite , die speziell für ein iPad formatiert. Benutzer können Ihre Web App , um ihre Heimat zu retten Bildschirm mit eigenem Icon , wie jede App, die aus dem Apple App Store heruntergeladen wurde. Anleitung
Getting Started
1

Zeichnen Sie ein Design für Ihre App mit einem Bleistift und Papier. Entscheiden Sie, was die App sollte in der Lage zu tun . Priorisieren , was es zu dem, was Sie möchten, es zu tun, im Vergleich haben muss.
2

Machen Sie sich mit Hypertext Markup Language , Extensible HTML, Cascading Style Sheets und JavaScript . Es gibt viele gute Bücher im Buchhandel erhältlich und Ihrer lokalen Bibliothek . Es gibt auch Tutorials und Proben von Code online verfügbar, sowie Web -Entwicklung Foren , wo Menschen Ihnen helfen, Ihre Webanwendung tun, was Sie tun müssen.
3

für das Register kann kostenlose Apple Safari Developer Program unter developer.apple.com . Dies wird Ihnen auf Apples Developer Library , einschließlich Tutorials und Beispiel-Code speziell für iPads zuzugreifen.
4

Vergleichen Sie, was Sie brauchen und was Sie wollen, dass die Web- App mit den Fähigkeiten der verschiedenen tun Web -Code zur Verfügung.
Erstellen und Testen einer Web App
5

auf ein Programm für die Entwicklung Ihrer Web-App nutzen möchten . Programme wie Adobe Dreamweaver oder InDesign CS5 können es einfacher machen , wenn Sie Erfahrung mit ihnen haben. Sie können auch beim Aufbau der Web App von Grund auf mit einem einfachen Texteditor wie Notepad.
6

Herunterladen und Installieren der Safari Browser von apple.com /safari . Dies ist der Web-Browser des iPad verwendet . Sie können dann Ihre Web App und testen Sie sie direkt von Ihrem Computer.
7

Klicken Sie auf das Safari Menü "Datei" , wählen Sie " Einstellungen" und klicken Sie auf die Schaltfläche "Erweitert" . Klicken Sie auf den "Show Entwicklung in der Menüleiste anzeigen "-Option.
8

Wählen Sie die "Develop "-Menü in Safari , " User Agent ", " Andere " und fügen Sie den folgenden Code " Mozilla/5.0 ( iPad ; U; CPU OS 3_2 wie Mac OS X; en-us) AppleWebKit/531.21.10 ( KHTML , like Gecko ) Version/4.0.4 Mobile/7B334b Safari/531.21.10 " , um den Browser zu imitieren haben , dass von einem iPad verwendet .
9

Gebrauchtwagen feste Positionierung in der CSS -Code der Web App , um sicherzustellen, Safari auf Ihrem Computer nicht verzerrt die Seite , während Sie bauen und testen Sie die App.
10 < p> Mit einem konstanten Viewportbreite Meta-Tag im Header der Webseite , wie " ", um sicherzustellen, dass die Seite verhält sich wie ein ganzseitigen App auf dem iPad.
11

Verwenden Sie die Touch-Ereignisse in der Web- App wie " TouchStart ", " touchMove ", " touchEnd " und " touchcancel ", anstatt mit der Maus Veranstaltungen.
12

Benutzen Sie den " " tag um Bereiche, in denen der Betrachter Text eingeben kann bedeuten . Dieser Code startet die iPad Tastatur. Das iPad unterstützt keine " contenteditable "-Befehle in einer Webseite oder Web -App. <br> 13 <p> Laden Sie die Web App auf einem Web-Server . Für die meisten Zwecke ist es am besten , um Ihre eigene Domain URL , die auf einem Webserver gehostet werden . <br> 14 <p> Fügen Sie ein Symbol, das auf dem iPad verwendet werden kann, wenn Nutzer auf Ihre App , um ihre Heimat zu retten wählen Bildschirm . Sie können dies , indem Sie einen 114 mit 114 Pixel PNG -Datei und Hochladen auf Ihre Web app Ordner tun . Fügen Sie einen Link in der Kopfzeile der Web App im Format " <link rel="ipad-icon" href="./ipad-icon.png" /> " so das iPad auf das Symbol finden können, wenn Benutzer speichern Sie Ihre Web App auf dem Startbildschirm . <br> <br> <div class=dead2><script language='javascript' src='/ad/de2.js'></script></div> </div> <div class=clear></div> <div class="rightTxt"> <ul> <li><a href='/Hardware/Computer-Drucker/Wie-Refill-eine-Farbe-Tintenpatrone-.html'>Wie Refill eine Farbe Tintenpatrone </a></li> <li><a href='/Hardware/RAM---Karten-und-Motherboards/Die-Unterschiede-zwischen-dem-ATX-und-NLX-Formate-.html'>Die Unterschiede zwischen dem ATX und NLX Formate </a></li> <li><a href='/Hardware/Desktop-Computer/Wie-beschleunigt-man-einen-Dell-Dimension-4300-.html'>Wie beschleunigt man einen Dell Dimension 4300 </a></li> <li><a href='/Hardware/Laptops/Wie-austrocknen-ein-Laptop-.html'>Wie austrocknen ein Laptop </a></li> <li><a href='/Hardware/Grafikkarten/Wie-man-eine-Grafikkarte-in-einem-Power-Mac-G4-Tauschen-.html'>Wie man eine Grafikkarte in einem Power Mac G4 Tauschen </a></li> <li><a href='/Hardware/RAM---Karten-und-Motherboards/Wie-Sie-Ihr-RAM-auf-Windows-7-.html'>Wie Sie Ihr RAM auf Windows 7 </a></li> <li><a href='/Hardware/Computer-Laufwerke---Storage/Wie-man-die-Batterien-in-einem-TI-84-Plus-Silver-Put-Edition-.html'>Wie man die Batterien in einem TI-84 Plus Silver Put Edition…</a></li> </ul> </div> <div class=clear></div> <div class="rightTxt r2"> <ul> <li><a href='/Systeme/Windows-XP/Wie-man-die-Windows-XP--Setup--Loop-Fix-.html'>Wie man die Windows XP -Setup -Loop Fix </a></li> <li><a href='/Software/Photoshop/Wie-Sketches-Von-Fotos-in-Photoshop-Stellen-.html'>Wie Sketches Von Fotos in Photoshop Stellen </a></li> <li><a href='/Software/Audio-Software/Wie-man-Album-Art-Weisen-.html'>Wie man Album Art Weisen </a></li> <li><a href='/Hardware/Grafikkarten/Wie-man-eine-Grafikkarte-MB-prüfen-.html'>Wie man eine Grafikkarte MB prüfen </a></li> <li><a href='/Systeme/Windows-/Wie-man-eine-DLL-als-eine-App-Rundll32-exe-Run-.html'>Wie man eine DLL als eine App Rundll32.exe Run </a></li> </ul> </div> <div class=clear></div> <!--right1 start --> <!--right1 end --> <!--right2 start --> <!--right2 end --> <div class=Comments> <script language='javascript' src='/pl/'></script> </div> <div class=clear></div> <br class="spacer" /> <form name="pl" action="/pl.asp" method="post"> <div class="contacttext" id="sub">Ihr Name: </div> <div class="contactformfield" id="subtextbox"> <label> <input type="text" name="name1" class="select" /> <span class="style1">*</span> </label> </div> <div class="contacttext" id="name">Kommentare: </div> <div class="contactformmsgfild"><span class="contactformmessage"> <textarea name="textarea" class="Massaget" cols="30" rows="8">