Chrome affichage d'Échec du chargement de ressource
J'ai une simple page web de la structure:
-index.html
-css
-style.css
Le contenu de l'html sont:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
</body>
</html>
Quand j'ai ouvert le html dans google Chrome, j'obtiens l'erreur:
Échec du chargement du fichier de ressources:///C:/css/style.css
Mon répertoire est dans Mesdocuments dans Windows. Pourquoi ne peut-on pas .fichier css être trouvé?
- Essayez
href="css/style.css"
. - Vous signifiait
css/style.css
sans le slash
Vous devez vous connecter pour publier un commentaire.
Que la console affiche, votre chemin
signifie "la 'css' répertoire dans le chemin de la racine":
qui n'est pas ce que vous voulez*.
Utilisation
css/style.css
- cela signifie "la 'css' sous-répertoire dans le répertoire de la page en cours est situé dans."* Mais même si elle avait été ce que vous voulez, l'accès aux locaux
file://
Url est limitée dans la mesure où toutes les ressources que vous demandez (images, feuilles de style) ont besoin d'être dans un sous-répertoire de la page en cours. Les navigateurs modernes imposer cette limitation pour des raisons de sécurité.Barre oblique signifie d'abord un chemin d'accès absolu (à partir de la racine). Puisque vous êtes en cours d'exécution de votre page à partir du système de fichiers, la racine est le lecteur.
Pas de barre oblique signifie d'abord un chemin d'accès relatif (depuis le dossier courant).
Vous pouvez également créer un raccourci de votre navigateur google chrome, qui a "--allow-file-access-from-files" drapeau, de sorte que vous pouvez mieux tester votre site localement à mesure que vous ajoutez des fonctionnalités plus avancées.