2015-03-30 15 views
17

script.js adlı uzak bir JavaScript dosyasını yükleyen uzak bir web sayfam var. Bir şeyleri test etmek için değişiklik yapmak üzere uzak dosya sistemine anında erişemiyorum.Chrome Dev Tools - Çalışma alanı eşlemesi yanlış eşleştirmesi

Yerel sürücüme script.js kopyalayıp Chrome Dev Tools uygulamasında yerel klasörümü çalışma alanına ekliyorum. Ardından, uzaktan script.js dosyama sağ tıklayıp Map to File System Resource...'u seçiyorum. Yerel script.js'u seçiyorum.

Şimdi, yerel script.js uzaktan ayarlamayı geçersiz kılmak için yerel ayarlarımın script.js olmasını beklerim? Bu şekilde yerel script.js sayfamda bazı değişiklikler yapabilir ve sayfayı yeniden yüklediğimde, sayfama yansıyan değişiklikleri görebilirim. script.js benim yerel seçerken Kaynaklar sekmesinde Ancak

, ben üstteki uyarıyı görüyorum:

Workspace mapping mismatch 

The content of this file on the file system: 

file:///Users/me/test/script.js 

does not match the loaded script: 

http://someserver.com/js/script.js 

Possible solutions are: 
- Reload inspected page 
- Check that your file and script are both loaded from the correct source and their contents match 

Yani bu benim yerel script.js ihtiyaçlar uzak script.js tamamen aynı olması söylüyorsunuz nedir? Eğer öyleyse, o zaman yerel kaynağın noktası nedir?

Orada değişiklik yapıp tarayıcınıza yansıyan değişiklikleri görebilmek için öyle değil mi? Uzak dosyayı eşleştirmek zorundaysa, uzak dosyayı düzenleyebilmeniz için önceden erişime sahip olmanız gerekir, bu durumda değişikliklerinizi yerel dosyada değil, orada yaparsınız. Durum buysa, yerel kaynağa sahip olmanın amacı nedir?

Burada bir şey mi özlüyorum? Chrome Dev Tools'daki bir dosyada geçici yerel değişiklikler yapmak ve sayfa yeniden yüklendiğinde bu değişikliklerin yansıtılması mümkün değil mi? Yerel Dosya Sistemi Kaynaklarının amacı olduğunu düşündüm.

+1

Gönderme için Thanx. Javascript dosyaları ile aynı sorunu yaşıyorsanız ama css dosyaları ile sorun yok. Bu konuda kendi sorumu göndermek üzereydi. – GnrlBzik

+0

En azından, sadece bildirebilir ve içeriğin yürütülmesini engelliyor gibi dikişler. Yaptığım değişikliklerin hiçbiri işe yaramıyor. – GnrlBzik

+0

ile aynı davranış * Sürüm 41.0.2272.104 (64 bit) * Sürüm 43.0.2351.3 kanarya (64 bit) – GnrlBzik

cevap

13

Çalışma alanları, dosyada bulunan ve ağ üzerinden sunulan aynı dosyayı eşlemek için oluşturulur. (localhost'a ~/code/app sunumu gibi: 8000).

Yerel bir dosyayı yedek olarak sunmak için çalışmaz. Bunun için bazı Chrome uzantıları var, ben Flip the Script'u öneririm.

+0

Paul Irish, localhost: ~000 üzerinde ~/code/app sunuluyorsa bu hatayı alıyorum. Farklılıkları veya herhangi bir şeyi sona erdiren garip bir çizgi olup olmadığını görmek için opendifi kullanmak için şimdiye kadar gittim. Hiçbir şey değil. 0 fark. O da aralıklı. Bazen çalışır (benim 2012 macbook'umu yeniden başlattığımda ve chrome unresh'i başlattığımda olduğu gibi) ve bazen değil. – rstackhouse

+3

Dokümanlar tam tersi gibi görünüyor: https://developer.chrome.com/devtools/docs/workspaces –

+1

Evet, çalışma alanlarının dokümanları bunun işe yarayacağını gösteriyor. Kafam karıştı. Ancak, Paul'ün dediği gibi, Chrome uzantıları var. Switcheroo Redirector benim için çalıştı: https://chrome.google.com/webstore/detail/switcheroo-redirector/cnmciclhnghalnpfhhleggldniplelbg/related?hl=tr –