1. Accueil
  2. Question et réponse
  3. Comment appliquer CSS localement sur une page en ligne?

Comment appliquer CSS localement sur une page en ligne?

2010-03-01 7 views
3

Pour testerComment appliquer CSS localement sur une page en ligne?

Je ne veux pas télécharger de fichiers CSS vers FTP à chaque modification jusqu'à ce que le site soit complet, mais le site et le contenu sont en ligne. (Je ne parle pas d'enregistrer la page localement, puis appliquer CSS)

Puis-je simplement appliquer le CSS localement à une page en ligne?

Il serait plus facile d'éditer et de voir les changements localement jusqu'à ce que le travail CSS soit terminé.

Je veux voir l'effet appliqué sur Firefox et Internet Explorer.

Est-ce possible?

Source

2010-03-01 Jitendra Vyas

Répondre

2

Je pense que c'est le chemin du placard

http://209.85.229.132/search?q=cache:_7_eRIBRrhoJ:www.nealgrosskopf.com/tech/thread.php%3Fpid%3D60+http://www.nealgrosskopf.com/tech/thread.php%3Fpid%3D60&cd=1&hl=en&ct=clnk&gl=in&client=firefox-a

mais seulement pour Firefox

Modifier 29 Avril 2010

J'ai trouvé une autre meilleure façon

http://www.tomjewett.com/accessibility/508-eval-tools.html

Dans FireFox, la barre d'outils Web Developer, sélectionnez CSS -> Ajouter un style d'utilisateur Feuille, accédez à l'emplacement de stockage et cliquez sur le bouton Ouvrir.Lorsque vous avez terminé , il suffit de décocher la case "Ajouter feuille de style utilisateur" dans le menu CSS de la barre d'outils.

Dans Microsoft Internet Explorer, sélectionnez Outils -> Options Internet ... -> Accessibilité ... et cochez la case "Format documents en utilisant mes feuilles de style". À l'aide du bouton Parcourir, ouvrez la feuille de style lowvis.css de où vous l'avez stockée, puis cliquez sur OK pour accéder aux panneaux Accessibilité et Internet Options. Lorsque vous avez terminé, décochez simplement la case "... mon style " sur le panneau Accessibilité .

Source

2010-03-01 11:25:06

+0

+1 Bonne trouvaille! Pour une solution cross-browser, vous aurez besoin d'autre chose, cependant. Même si vous trouvez quelque chose de similaire dans IE8, cela ne fonctionnera pas dans IE7, IE6, Safari, Opera .... Mieux vaut aller avec l'une des suggestions décrites. –

1

Si le site que vous testez ne sont pas face au public si la vitesse n'a pas d'importance, vous pouvez mettre en place un service comme dynDNS et transformer votre PC de travail sur un serveur web. (Caveat: Il y a beaucoup de travail et vous besoin pour le fixer.) Vous pouvez alors toutes vos feuilles de style sur votre ordinateur local, et votre leur site de référence en ligne comme celui-ci:

<link rel="stylesheet" href="http://jitendra.dyndns.org/styles/styles.css">

Source

2010-03-01 11:06:39

+0

est-il une option dans IE et FF pour y parvenir –

+0

@Jitendra Non, cela n'a rien à voir avec les navigateurs. Vous devez également configurer un environnement d'hébergement local (si vous n'en avez pas déjà un). Il s'agit donc d'une solution avec beaucoup de travail. –

+0

Firebug est une chose différente que je sais, mais ma question est différente –

1

I Utilisez un proxy tel que Charles et utilisez ses fonctions de remappage d'URL pour rediriger les demandes de feuilles de style vers des fichiers locaux.

Source

2010-03-01 11:06:43 Quentin

+0

Excellente idée, mais il devrait probablement avoir un serveur Web local en cours d'exécution afin de servir le CSS - si vous réécrivez les URL à ceux de fichier: ///, le navigateur pourrait causer des problèmes à cause des restrictions de sécurité. D'autre part, il se peut que ce ne soit pas seulement du CSS. –

+0

Non, ce ne serait pas. C'est pourquoi j'ai dit "fichiers locaux" et non "serveur web local" (vous ** pouvez ** réécrire vers une URL HTTP différente si vous le souhaitez, mais les fichiers locaux sont corrects). Et les navigateurs ne vous donneront pas de problèmes de sécurité, le navigateur demande http://example.com/foo.css et le proxy lui donne un fichier local à la place. Le navigateur ne connaît pas la différence. – Quentin

1

On dirait que vous pourriez utiliser le contrôle de version. Essayez http://git-scm.com/ ou http://subversion.tigris.org/ (http://tortoisesvn.tigris.org/ pour une version sans ligne de commande) - cela en fait beaucoup plus, mais cela vous permettrait de faire ce que vous voulez, et quoi d'autre ça sonne comme vous pourriez avoir besoin. Parlez à l'administrateur de votre serveur à propos de la configuration de l'un ou de l'autre.

Source

2010-03-01 11:13:50

+1

Je suis pour utiliser le contrôle de version n'importe quel jour, mais comment cela pourrait-il aider la situation de l'OP? –

+0

Il veut 1) enregistrer ses modifications sur une machine locale et 2) les affecter sur un site en ligne * sans * télécharger ses modifications. La modification de votre fichier hosts et l'utilisation du contrôle de version peuvent vous permettre de le faire sans réelle déconnexion, du moment que vous gardez à l'esprit ce que vous voyez n'est pas en ligne tant que vous n'avez pas validé vos modifications. –

+0

(Je ne sais pas, je supposais que jouer avec votre fichier hosts pour avoir un endroit commun pour prévisualiser le résultat était standard, mauvaise hypothèse de ma part, c'est juste comment je l'ai utilisé.) –

Questions connexes

 Questions connexes