Fenêtre vide lors du lancement de l'application Chrome Packagée

Lorsque je lance mon application Chrome Packaged Elle sonne mais ne charge pas, seule une fenêtre vide s'affiche. J'ai déjà vérifié la console pour être sûr qu'il n'y a pas d'erreurs javascript.Fenêtre vide lors du lancement de l'application Chrome Packagée

J'utilise cette fonction sur mon script background.js

chrome.app.runtime.onLaunched.addListener(function() { 
    chrome.app.window.create('index.html', { 
    'width': 1024, 
    'height': 768, 
    }); 
    });

Il est très étrange parce que le son de démarrage de l'application, mais la fenêtre reste vide. Mon application est faite en utilisant Sencha Animator.

Source

2013-03-01 Juan David Saab

Suite à une autre suggestion de réponse, j'ai réalisé que le problème ne se trouve pas sur mon index.html mais quand j'appelle ce CSS externe https://dl.dropbox.com/u/1306790/style.css Des suggestions? Merci beaucoup! –

J'ai juste essayé d'utiliser votre CSS ici et cela fonctionne. Il existe peut-être une règle CSS qui génère une erreur dans le GPU lorsqu'il est appliqué à un élément. Vous pouvez soit partager votre code HTML ici, soit essayer de supprimer élément par élément jusqu'à ce que vous trouviez le code incriminé. Vous pouvez également remplir un bogue dans http://crbug.com/new avec un code plus simple mais complet. – mangini

Quelque chose dans votre index.html doit provoquer une erreur.

Essayez l'un des chrome-app-samples.
Essayez d'éditer votre index.html pour qu'il soit trivial, puis ajoutez lentement votre contenu jusqu'à ce que vous trouviez l'erreur.
Vérifiez que vous affichez les erreurs dans la page d'arrière-plan et la page lancée. Vous pouvez faire un clic droit sur la fenêtre de l'application et inspecter l'élément pour voir son inspecteur. Vous pouvez utiliser les extensions chrome: // pour voir la vue de l'inspecteur pour toutes vos pages.

Source

2013-03-14 16:33:24

Je suis votre suggestion. J'ai fait un test et finalement j'ai vu que mon application se bloque quand j'appelle un css externe. Je ne peux pas mettre mon code CSS ici car il est trop long mais vous pouvez le télécharger ici: https://dl.dropbox.com/u/1306790/style.css –

Vous ne pouvez pas utiliser de CSS externe. Le CSS doit être emballé avec l'application. Pour utiliser le CSS externe, vous devez le récupérer par XHR, le sauvegarder dans le système de fichiers, puis le réinsérer dans un tampon et utiliser une URL 'data:' pour cela. La directive CSP empêchant le chargement d'une feuille de style CSS externe est la suivante: style-src 'self' data: chrome-extension-resource: 'unsafe-inline'; Vous pouvez en savoir plus sur le CSP pour les applications packagées sur http://developer.chrome.com/apps/app_csp.html – Colselaw

À moins qu'il ne répond pas à cette question, je veux juste vous faire savoir que j'ai finalement essayé Node-Webkit https://github.com/rogerwang/node-webkit pour atteindre mi objectif: avoir une version packagée de bureau de mon application HTML5.

Cela fonctionne si bien.

Source

2013-11-20 05:42:48

Fenêtre vide lors du lancement de l'application Chrome Packagée

Répondre

Questions connexes