Einfache/Beste Weg, zu laden, Web-App als Windows-Desktop-Anwendung?

Hallo, im Grunde habe ich eine web-app mit html5/php, etc. Seine Musik-player, ähnlich wie spotify und pandora. Ich will verbreiten Sie die web-app als desktop-Anwendung, so dass die Menschen führen Sie es direkt von Ihrem desktop, ohne einen browser öffnen. Ich würde nicht wie ein browser-ähnliches system, nur noch die web-Ansicht geladen (ähnlich nur das laden einer webview in iOS) (keine tabs keine url-Leiste, etc)

Hörte ich von Prism aber das ist abgebrochen und ich kann nicht finden, einen download-link irgendwo.
Gibt es irgendetwas, was Sie vorschlagen?

Für Mac Os X, fand ich FluidApp, das scheint gut zu funktionieren, wie es baut stand-alone-app.

Für iOS kann ich laden Sie einfach die web-app über einen webview und es funktioniert Super, genau was ich brauchte.
Für android habe ich grundsätzlich laden eine webview als gut.

Windows habe mir einen Baumstumpf in dem laden der webapp über eine standalone-desktop-app.
Also, wenn jemand helfen könnte mich aus, es wird sehr geschätzt werden!

InformationsquelleAutor YourFriend | 2013-06-21

3

Einer einfachen VB.NET die Anwendung sollte den trick tun. Erstellen Sie einfach eine neue Windows Froms Projekt, doppelklicken Sie auf das Formular, markieren Sie alles, was ein einfügen dieser:
```
Public Class Form1

    '############## Settings ##############'

    'Change to your URL
    Dim url As String = "http://google.de"

    'Change to the text the window title should have
    Dim title As String = "Your Title here"

    'Change to the windows size you wish to use
    Dim window_size As Size = New Size(800, 600)
    '                                  ^X^, ^Y^
    '########### End of Settings ##########'

    Dim WithEvents WebBrowser1 As New WebBrowser

    Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load

        Me.Text = title
        Me.Size = window_size

        Me.Controls.Add(WebBrowser1)

        WebBrowser1.Dock = DockStyle.Fill
        WebBrowser1.Navigate(url)

    End Sub

    Private Sub WebBrowser1_Navigated(sender As Object, e As WebBrowserNavigatedEventArgs) Handles WebBrowser1.Navigated

        Dim elements As HtmlElementCollection
        elements = WebBrowser1.Document.GetElementsByTagName("img")

        For Each element As HtmlElement In elements
            element.SetAttribute("border", "0")
        Next
    End Sub
End Class
```
Bearbeiten Sie die Einstellungen und drücken Sie F5 zum ausführen. Voila, sollten Sie sehen Sie die Web-App in einer Desktop-Anwendung.
- Genial, hat Super funktioniert! hatte ein paar Fehler mit dem javascript auf der Seite, aber Sie schaffte es, Sie zu beheben. Das einzige problem was ich habe ist, dass jetzt clickable-images haben eine Grenze um Sie herum, ein blauer Rahmen und andere haben einen lila Rand. Beim laden innerhalb des vb.net -Anwendung.
- Ich konnte neu das Problem. Es ist nicht ein echtes Problem, weil, dass sind die normalen IE broders und das webbrowser-control basiert auf IE, also diese Grenzen gesehen werden kann, gibt es auch. Die Grenzen können ausgeblendet werden, wenn das hinzufügen border="0" auf alle img - tags. Ich aktualisierte den code, so das webbrowser-Steuerelement fügt Sie automatisch nach dem laden der Seite. Ich hoffe, dass ich helfen konnte!
- Ich habe den modifizierten code verwendet, aber trotzdem, die Grenzen sind da, ich werde versuchen, fügen Sie die css, um Bilder selbst. Vielen Dank für die Hilfe!
- oh das ist seltsam, weil ich eine einfache test-Seite wie diese <a href="http://google.com"><img src="path/to/pic">Test</img</a> und die Grenze gezeigt wird. Wenn ich den geänderten code es funktioniert wie Charme. Verwenden Sie <img> - tags oder vielleicht div ' s mit background-image gesetzt? Btw. es wäre schön, von Ihnen die Antwort akzeptieren 🙂
- Dank kapiert ^.^, angenommen die Antwort! sorry, ich nahm immer X)
- oh, kein problem. Glücklich, dass ich helfen konnte :3
- Vielen Dank für den code. Aber das ist die IE7-Rahmen, sodass es sein kann, lag von HTML5, CSS3, Neue javascript-Funktion. Der gleiche war wie dieser, ich bevorzuge Google Chrome app-Verknüpfung. Es ist auch leichter und Unterstützung für neue Technologien.
InformationsquelleAutor Kimmax
6

Ich selbst war auf der Suche für eine rundum-Lösung für eine Weile. Ich habe alles versucht, von TideSDK, AppJS, Appcelerator Titanium native code in VB.NET, XCode, Python, C++ -, Elektronen -, node-webkit, etc: im Grunde Sie nennen es ich habe es ausprobiert.

Hinweis Elektron ist schön, aber es läuft nur auf 64bit Prozessoren. Also node-webkit ist gut, wenn Sie wollen, führen Sie Ihre app auf 32bit Prozessoren.

Also beschloss ich, meine eigenen bauen open-source-Lösung namens WebDGap.

Derzeit WebDGap läuft auf Windows, Linux, Mac OS X, Google Chrome und als web-Anwendung!

Uhr die Wie Video zu lernen, auch wie man die app nutzen offensichtlich.

Hier ein screenshot.

Mac-Anwenders Zusammenführen können Ihre exportierten app-in-1 .app-mac-Datei. Diese kann getan werden, mit Automator (und ein wenig shell-scripting).

Gibt es auch eine Codierung Spielplatz habe ich für mobile Benutzer, die diese Funktion hat gebaut, den so genannten kodeWeave.

Hier ist ein Tic-Tac-Toe-Spiel werde ich den export als Mac-App:

Nun die web-app läuft als native Mac-Anwendung!
- WebItWidget ist nicht auf Windows 7, weil das Programm Fehler. Leider.
- WebItWisget ist ein verlassenes Projekt. Verwenden WebDGap statt.
- Was ist der Arbeitsspeicher Verbrauch wie für ein einfaches Hallo Welt-app auf Ihrem desktop?
- href="http://i.imgbox.com/ThUHTPAo.png" >i.imgbox.com/ThUHTPAo.png
- vielen Dank für den screenshot. Ich bin mir nicht sicher wie das zu interpretieren -- bedeutet das, dass nwjs verbraucht 39.5 MB RAM und 992.6 MB ausgelagerten RAM für insgesamt über 1 GB Speicher? Wenn das stimmt, das ist eine Menge von Arbeitsspeicher für eine Hallo Welt app.
- Negativ: Mein letzter test ist 18MB. Obwohl ich auf eine alte 2012 macbook.
- Memory-management im JavaScript-Code ist ziemlich großes Thema, die Sie verwenden sollten, DevTools, zu untersuchen, was im Speicher hinterlegt ist mit Heap-Profiling (developers.google.com/chrome-developer-tools/docs/...) und die Verwendung von Speicher im Laufe der Zeit mit der Zeitleiste (developers.google.com/chrome-developer-tools/docs/timeline)
- Denken Sie daran, es läuft aus einer Chrom-bauen mit nodejs integriert (nwjs/früher genannt node-webkit) so wird es natürlich ein wenig mehr ram als native Anwendungen. Jedoch die Elektron-framework übernimmt diese viel besser, aber es ist nur für 64-bit-Prozessoren, während nwjs ist gebaut für 32-bit und 64-bit.
InformationsquelleAutor Michael Schwartz
1

Google chrome hat ein "speichern Verknüpfung" im Menü "Optionen". Menü - >tools - >Verknüpfung erstellen... denke ich. (Posting von mobilen)

Wenn Sie die Verknüpfung öffnen, wird es zu öffnen in einem eigenen Fenster. wie eine eigenständige app. Hoffe, das hilft.

Edit: prism wurde von mozilla. Ich bin sicher, dass es eine ähnliche Funktion im firefox.
- leider habe ich nicht wollen, eine google-chrome-oder-firefox-Verknüpfung, wie einige Benutzer sein könnte, die andere Browser verwenden, würde ich es vorziehen, es war ein .exe-Leute würden in der Lage sein zum herunterladen und ausführen, und führen Sie eine desktop-app, würde das laden der Web-App als eigenständige app. So kann ich eine Meldung "Download Für Windows" und "Download Für Mac". Nicht sicher, ob Sie Folgen.
InformationsquelleAutor Devon

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.