Pregunta ¿Cargar el archivo javascript local en chrome para probar?


Estoy tratando de probar algunos javascript en mi local usando el navegador Chrome, pero Chrome no cargará los recursos locales. ¿Hay un trabajo fácil para esto?


32
2017-12-23 17:49


origen


Respuestas:


Si intenta simplemente probar la funcionalidad de su archivo javascript: cree un archivo html en blanco, agregue un enlace a su archivo js ya que normalmente cargaría un archivo js desde html y abriría el archivo html en Chrome. Ir a la consola de JavaScript. Podrás interactuar con la funcionalidad de tu código js como de costumbre. No necesitarías configurar un servidor para esto. Si todavía no está claro, aquí hay un ejemplo:

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

16
2017-08-03 18:16



Puede usar un servidor web liviano para servir el archivo.
Por ejemplo,
 1. instalar el nodo
 2. instale el paquete "http-server" (o similar)
 3. Ejecute el paquete http-server ("http-server -c-1") desde la carpeta donde se encuentra el archivo de script.
 4. Cargue el script desde la consola de Chrome (ejecute el siguiente script en la consola de 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. El script ahora está cargado en el navegador. Puedes probarlo desde la consola.

9
2017-12-23 18:01



Para cargar recursos locales en Chrome cuando solo usa su computadora local y no usa un servidor web, necesita agregar el indicador --allow-file-access-from-files.

Puede tener un acceso directo a Chrome que permita el acceso a archivos y otro que no.

Cree un acceso directo para Chrome en el escritorio, haga clic derecho en acceso directo, seleccione propiedades. En el cuadro de diálogo que se abre, encuentre el destino para el acceso directo y agregue el parámetro después de que chrome.exe deje un espacio

por ejemplo, C: \ PATH TO \ chrome.exe --allow-file-access-from-files

Este acceso directo le permitirá acceder a los archivos sin afectar a ningún otro acceso directo a Chrome que tenga.

Al abrir Chrome con este acceso directo, debe permitir que los recursos locales se carguen utilizando HTML5 y la API del sistema de archivos.


7
2017-12-24 16:43



Windows 8.1 agregar:

--allow-file-access-from-files

hasta el final del cuadro de texto de destino después de las comillas.

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

Funciona de maravilla


2
2017-12-10 03:53



Utilice el navegador Chrome y con el servidor web para la extensión de Chrome, configure una carpeta predeterminada y coloque sus archivos html / js vinculados allí, busque 127.0.0.1:8887 (0r sea cual sea el puerto) en Chrome y abra el panel de desarrolladores & consola. Luego puede interactuar con sus scripts html / js en la consola.


1
2017-09-24 21:58



Si aún necesita hacer esto, me encontré con el mismo problema. De alguna manera, EDGE procesa todos los scripts, incluso si no son a través de HTTP, HTTPS, etc ... Abra el archivo html / js directamente desde el sistema de archivos con Edge, y funcionará.


0
2017-10-21 20:10



La solución más fácil que he encontrado es usar Firefox. No solo funciona sin pasos adicionales (arrastrar y soltar, no hay problema), pero el blackbox funciona mejor que Chrome.


0
2018-02-21 17:27



Puede hacerlo mediante una función de DevTools de Chrome: fragmentos

  1. Crea un nuevo fragmento
  2. Copie y pegue el archivo que desea ejecutar.
  3. Golpear CtrlEntrar para ejecutar el fragmento

0
2017-07-26 07:05



Mire dónde está su archivo html, la ruta que proporcionó es relativa, no absoluta. ¿Estás seguro de que está colocado correctamente? De acuerdo con la ruta que proporcionó en el ejemplo anterior: "src =" ../ js / moment.js "" el archivo JS tiene un nivel más alto en la jerarquía. Por lo tanto, debe colocarse de la siguiente manera:

Carpeta principal      subcarpeta                 archivo html       js (esta es una carpeta)                moment.js

Los puntos dobles significan la carpeta principal del directorio actual, en su caso, el directorio actual es la ubicación del archivo html.

Pero para hacerte la vida más fácil usando un servidor, esto te evitará los problemas de hacerlo manualmente, ya que el directorio del servidor es el mismo todo el tiempo, por lo que es mucho más fácil.


-1
2017-12-24 17:12



No estoy seguro de por qué se rechaza @ user3133050, eso es todo lo que necesita hacer ...

Aquí está la estructura que necesita, en función de src de su script script, suponiendo que está tratando de cargar moment.js dentro index.html:

/js/moment.js
/some-other-directory/index.html

los ../ mira hacia arriba en el nivel de la carpeta "otro directorio", encuentra el js carpeta al lado y carga el moment.js dentro.

Parece que tu index.html está en el nivel raíz, o anidado aún más profundo.

Si todavía estás luchando, crea un test.js archivo en el mismo lugar como index.htmly agrega un <script src="test.js"></script> y ver si eso carga. Si eso falla, verifique su sintaxis. Probado en Chrome 46.


-1
2017-11-03 20:10



La forma más fácil que encontré fue copiar el contenido de tu archivo en la consola de tu navegador y presionar Enter. La desventaja de este enfoque es que solo puede depurar con instrucciones console.log.


-1
2018-01-15 08:54