Подтвердить что ты не робот

Загружать локальный файл javascript в хром для тестирования?

Я пытаюсь протестировать javascript на своем локальном компьютере, используя браузер Chrome, но Chrome не загружает локальные ресурсы. Есть ли для этого легкая работа?

4b9b3361

ОТВЕТЫ

Ответ 1

Если вы пытаетесь просто проверить функциональность вашего файла javascript: создайте пустой html файл, добавьте ссылку на свой js файл, как обычно загружаете js файл из html, и откройте html файл в Chrome. Перейдите в консоль javascript. Вы сможете взаимодействовать с функциональностью вашего js-кода, как обычно. Для этого вам не нужно было устанавливать сервер. Если все еще не ясно, вот пример:

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

Ответ 2

Чтобы загружать локальные ресурсы в Chrome, только используя свой локальный компьютер, а не используя веб-сервер, вам нужно добавить флаг --allow-file-access-from-files.

У вас может быть ярлык для Chrome, который разрешает доступ к файлам, а другой - нет.

Создайте ярлык для Chrome на рабочем столе, щелкните правой кнопкой мыши на ярлыке, выберите свойства. В открывшемся диалоговом окне найдите цель для короткой вырезки и добавьте параметр после того, как chrome.exe оставит пробел

например C:\PATH TO\chrome.exe --allow-file-access-from-files

Этот ярлык позволит получить доступ к файлам, не затрагивая никаких других ярлыков для Chrome, которые у вас есть.

Когда вы открываете Chrome с помощью этого ярлыка, он должен позволять загружать локальные ресурсы с помощью HTML5 и файловой системы api

Ответ 3

Вы можете использовать легкий веб-сервер для работы с файлом.
Например, фотографии  1. установить Node
 2. установите пакет "http-server" (или аналогичный)
 3. Запустите пакет http-server ( "http-server -c-1" ) из папки, где находится файл script
 4. Загрузите консоль script из хром (запустите следующую консоль script на консоли 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)
  • script теперь загружен браузер. Вы можете протестировать его с консоли.

Ответ 4

Windows 8.1 добавить:

- разрешить-доступ к файлам-от файлов

до конечного текстового поля после кавычек.

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

Работает как шарм

Ответ 5

Самый простой способ, который я нашел, - это использовать Firefox. Мало того, что он работает без лишних шагов (перетаскивание - без суеты и суеты), но черный ящик работает лучше, чем Chrome.

Ответ 6

Используйте браузер Chrome и расширение веб-сервера для Chrome, установите папку по умолчанию и поместите туда связанные файлы html/js, перейдите к 127.0.0.1:8887 (0r независимо от того, какой порт установлен) в Chrome и откройте панель разработчиков и консоль. Затем вы можете взаимодействовать с вашими скриптами html/js на консоли.

Ответ 7

Вы можете сделать это с помощью функции Chrome DevTools: Snippets

  1. Создать новые фрагменты
  2. Скопируйте и вставьте файл, который вы хотите выполнить.
  3. Нажмите Ctrl Enter, чтобы запустить фрагмент

Ответ 8

Если вам все еще нужно это сделать, я столкнулся с той же проблемой. Каким-то образом EDGE предоставляет все скрипты, даже если они не через HTTP, HTTPS и т.д.... Откройте файл html/js непосредственно из файловой системы с помощью Edge, и он будет работать.

Ответ 9

Вот что я сделал, создав 2 файла в каталоге /sandbox:

  • Первый файл: sandbox.js
  • Второй файл: index.html

const name = 'Karl'

console.log('This is the name: ' + name)
<html>
  <head>
    <script type = "text/javascript" src = "file:///Users/karl/Downloads/sandbox/sandbox.js"></script>
  </head>
</html>

Ответ 10

Посмотрите, где находится ваш html файл, путь, который вы указали, относительный не является абсолютным. Вы уверены, что это правильно. Согласно пути, указанному в приведенном выше примере: "src=".. /js/moment.js "" JS файл на один уровень выше в иерархии. Поэтому его следует разместить следующим образом:

Родительская папка    подпапка               html файл     js (это папка)              moment.js

Двойные точки означают родительскую папку из текущего каталога, в вашем случае текущим каталогом является местоположение файла html.

Но чтобы упростить вашу жизнь с помощью сервера, вы сможете избежать неприятностей с этим, потому что каталог сервера одинаково все время, так что это намного проще.

Ответ 11

Не уверен, почему @user3133050 проголосовали, что все, что вам нужно сделать...

Здесь вам нужна структура, основанная на тэге script src, при условии, что вы пытаетесь загрузить moment.js в index.html:

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

../ выглядит "вверх" на уровне папки "some-other-directory", находит рядом с ним папку js и загружает moment.js внутри.

Похоже, ваш index.html находится на уровне корня или вложен еще глубже.

Если вы все еще боретесь, создайте test.js файл в том же месте как index.html и добавьте <script src="test.js"></script> и посмотрите, загружается ли он. Если это не удается, проверьте свой синтаксис. Протестировано в Chrome 46.

Ответ 12

Самый простой способ, который я нашел, - скопировать содержимое вашего файла в консоль браузера и нажать Enter. Недостатком такого подхода является то, что вы можете отлаживать только команды console.log.