Pertanyaan Muat file javascript lokal di chrome untuk pengujian?


Saya mencoba menguji beberapa javascript di lokal saya menggunakan browser Chrome tetapi Chrome tidak akan memuat sumber daya lokal. Apakah ada pekerjaan mudah untuk ini?


32
2017-12-23 17:49


asal


Jawaban:


Jika Anda mencoba hanya menguji fungsionalitas file javascript Anda: buat file html kosong, tambahkan tautan ke file js Anda karena Anda biasanya memuat file js dari html, dan buka file html di Chrome. Buka konsol javascript. Anda akan dapat berinteraksi dengan fungsionalitas kode js Anda seperti biasa. Anda tidak perlu menyiapkan server untuk ini. Jika masih belum jelas, berikut ini contohnya:

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

16
2017-08-03 18:16



Anda dapat menggunakan server web ringan untuk melayani file.
Sebagai contoh,
 1. instal Simpul
 2. pasang paket "http-server" (atau serupa)
 3. Jalankan paket http-server ("http-server -c-1") dari folder tempat file skrip berada
 4. Muat skrip dari konsol chrome (jalankan skrip berikut di konsol 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. Skrip sekarang dimuat browser. Anda dapat mengujinya dari konsol.

9
2017-12-23 18:01



Untuk memuat sumber daya lokal di Chrome saat hanya menggunakan komputer lokal dan tidak menggunakan server web, Anda perlu menambahkan flag --allow-file-access-from-files.

Anda dapat memiliki pintasan ke Chrome yang memungkinkan akses file dan yang tidak.

Buat pintasan untuk Chrome di desktop, klik kanan pada pintasan, pilih properti. Di kotak dialog yang terbuka, temukan target untuk jalan pintas dan tambahkan parameter setelah chrome.exe meninggalkan spasi

misalnya C: \ PATH TO \ chrome.exe - file-akses-dari-file

Pintasan ini akan memungkinkan akses ke file tanpa memengaruhi pintasan lain ke Chrome yang Anda miliki.

Saat Anda membuka Chrome dengan pintasan ini, harus memungkinkan sumber daya lokal dimuat menggunakan HTML5 dan api sistem file


7
2017-12-24 16:43



Windows 8.1 menambahkan:

--allow-file-access-from-files

ke ujung kotak teks target setelah tanda kutip.

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

Bekerja seperti pesona


2
2017-12-10 03:53



Gunakan browser Chrome dan dengan Server Web untuk ekstensi Chrome, setel folder default dan letakkan file html / js yang ditautkan di sana, jelajahi ke 127.0.0.1:8887 (0r port apa pun yang disetel di) di Chrome dan buka panel pengembang & konsol. Anda kemudian dapat berinteraksi dengan skrip html / js Anda di konsol.


1
2017-09-24 21:58



Jika Anda masih perlu melakukan ini, saya berlari melintasi masalah yang sama. Entah bagaimana, EDGE menerjemahkan semua skrip bahkan jika mereka tidak melalui HTTP, HTTPS dll ... Buka file html / js langsung dari filesystem dengan Edge, dan itu akan bekerja.


0
2017-10-21 20:10



Solusi paling mudah yang saya temukan adalah menggunakan Firefox. Tidak hanya berfungsi tanpa langkah tambahan (drag dan drop - tidak ada masalah), tetapi blackboxing bekerja lebih baik daripada Chrome.


0
2018-02-21 17:27



Anda dapat melakukannya dengan fitur DevTools Chrome: Snippet

  1. Buat cuplikan baru
  2. Salin dan tempel file yang ingin Anda laksanakan.
  3. Memukul CtrlMemasukkan untuk menjalankan snippet

0
2017-07-26 07:05



Lihatlah di mana file html Anda, jalur yang Anda berikan relatif tidak absolut. Apakah Anda yakin itu ditempatkan dengan benar. Menurut jalur yang Anda berikan pada contoh di atas: "src =" ../ js / moment.js "" file JS adalah satu tingkat lebih tinggi dalam hierarki. Jadi itu harus ditempatkan sebagai berikut:

Folder induk      sub-folder                 file html       js (ini adalah folder)                moment.js

Titik-titik ganda berarti folder induk dari direktori saat ini, dalam kasus Anda, direktori saat ini adalah lokasi file html.

Tetapi untuk membuat hidup Anda lebih mudah menggunakan server akan aman Anda kesulitan melakukan hal ini secara manual karena direktori server sama sepanjang waktu sehingga jauh lebih mudah.


-1
2017-12-24 17:12



Tidak yakin mengapa @ user3133050 ditolak, itulah yang perlu Anda lakukan ...

Inilah struktur yang Anda butuhkan, berdasarkan pada skrip tag skrip Anda, dengan asumsi Anda mencoba memuat moment.js ke index.html:

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

Itu ../ terlihat "naik" di tingkat folder "beberapa direktori lain", menemukan js folder di sebelahnya, dan memuat moment.js dalam.

Kedengarannya seperti Anda index.html berada di tingkat akar, atau bersarang lebih dalam.

Jika Anda masih berjuang, buat a test.js mengajukan di lokasi yang sama sebagai index.html, dan tambahkan a <script src="test.js"></script> dan lihat apakah itu banyak. Jika gagal, periksa sintaks Anda. Diuji di Chrome 46.


-1
2017-11-03 20:10



Cara termudah yang saya temukan adalah menyalin konten file Anda ke dalam konsol browser Anda dan tekan enter. Kerugian dari pendekatan ini adalah Anda hanya dapat melakukan debug dengan pernyataan console.log.


-1
2018-01-15 08:54