web-dev-qa-db-fra.com

Charger le fichier javascript local en chrome pour le test?

J'essaie de tester du javascript sur mon local à l'aide du navigateur Chrome, mais Chrome ne chargera pas de ressources locales. Y a-t-il un moyen facile de contourner ce problème?

javascriptbrowser
33
simple

Si vous essayez simplement de tester les fonctionnalités de votre fichier javascript: créez un fichier html vide, ajoutez un lien vers votre fichier js comme vous le feriez normalement pour charger un fichier js à partir de html, puis ouvrez le fichier html dans Chrome. Allez à la console javascript. Vous pourrez interagir avec les fonctionnalités de votre code js comme d'habitude. Vous n'avez pas besoin de configurer un serveur pour cela. Si toujours pas clair, voici un exemple:

<html> <head> <script type = "text/javascript" src = "path/to/your/jsfile"></script></head> </html>
19
picmate 涅

Vous pouvez utiliser un serveur Web léger pour servir le fichier. 
Par exemple,
1. installer le nœud 
2. installez le paquet "serveur http" (ou similaire) 
3. Exécutez le package du serveur http ("http-server -c-1") à partir du dossier contenant le fichier de script. 
4. Chargez le script depuis la console chrome (exécutez le script suivant sur la console chrome.

var ele = document.createElement("script");
var scriptPath = "http://localhost:8080/{scriptfilename}.js" //verify the script path
ele.setAttribute("src",scriptPath);
document.head.appendChild(ele)
  1. Le script est maintenant chargé dans le navigateur. Vous pouvez le tester depuis la console.
10
Magesh

Pour charger des ressources locales dans Chrome lorsque vous utilisez uniquement votre ordinateur local sans utiliser de serveur Web, vous devez ajouter l'indicateur --allow-file-access-from-files. 

Vous pouvez avoir un raccourci vers Chrome qui permet l’accès aux fichiers et un autre qui ne le permet pas.

Créez un raccourci pour Chrome sur le bureau, cliquez avec le bouton droit sur le raccourci, sélectionnez Propriétés. Dans la boîte de dialogue qui s'ouvre, recherchez la cible du raccourci et ajoutez le paramètre après chrome.exe en laissant un espace.

par exemple, C:\PATH TO\chrome.exe --allow-file-access-from-files

Ce raccourci permettra l'accès aux fichiers sans affecter aucun autre raccourci que vous avez pour Chrome.

Lorsque vous ouvrez Chrome avec ce raccourci, les ressources locales doivent pouvoir être chargées à l'aide de HTML5 et de l'api du système de fichiers.

7
jing3142

Windows 8.1 ajoute:

--allow-file-access-from-files

à la fin de la zone de texte cible après les guillemets.

EX: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files

Fonctionne comme un charme 

2
razor2816

Cliquez sur Chrome DevTools: Snippets. Chrome DevTools.

  1. Создать новые фрагменты
  2. Скопируйте и вставьте файл, который вы хотите выполнить.
  3. УдарCtrlEnterзапустить фрагмент
1
Sophie Su

Utilisez le navigateur Chrome et l’extension Web Server for Chrome, définissez un dossier par défaut, insérez vos fichiers html/js liés dans le répertoire, accédez à 127.0.0.1:8887 (0r quel que soit le port défini) dans Chrome et ouvrez le panneau des développeurs. & console. Vous pouvez ensuite interagir avec vos scripts html/js dans la console.

1
minimallinux

La solution de contournement la plus simple que j'ai trouvée consiste à utiliser Firefox. Non seulement cela fonctionne-t-il sans étapes supplémentaires (glisser-déposer - pas de tracas), mais le blackbox fonctionne mieux que Chrome.

0
Mitch

Si vous avez toujours besoin de faire cela, j’ai rencontré le même problème… .. D'une manière ou d'une autre, Edge rend tous les scripts même s'ils ne sont pas via HTTP, HTTPS, etc. système de fichiers avec Edge, et cela fonctionnera.

0
Vishera