2015-06-05 3 views
11

XML ayrıştırma hatası tetikler: burada codepen.io/acusti/pen/mJmVRySVG Sorunu gösteren bir codepen demo yapılmış Firefox

Ve bulunuyor Firefox'ta svg içeriğini yüklemek çalışırsanız alıyorum hatası:

XML Parsing Error: unclosed token
Location: data:image/svg+xml;utf8,<svg%20viewBox='0%200%20120%20120'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><circle%20cx='45'%20cy='45'%20r='30'%20fill='#555555'></circle></svg>
Line Number 1, Column 77:

<svg viewBox='0 0 120 120' version='1.1' xmlns='http://www.w3.org/2000/svg'><circle cx='45' cy='45' r='30' fill=' 
----------------------------------------------------------------------------^ 

Not: Bu hata, Firefox geliştirici araçlarındaki veri URI dizesini (.separator öğesinin incelenmesi sırasında CSS Kuralları panelinin içinde) tıklatıp, bir araç ipucu “Resmi yükleyemedi” diyor. Aynı şeyi, Konum dizesini yukarıdaki hata iletisinden Firefox adres çubuğuna kopyalayıp yapıştırarak da yapabilirsiniz. veri URI'ları # karakter kullanılmasına yönelik

cevap

22

O sizindir varmış gibi, sen% çıkış karaktersiz # karakteri fragment identifier başlangıcını göstermek için rezerve edilmiştir 23

olarak kaçmak gerekir geçerli değil. Firefox ayrıştırma hatasını belirtmek için oldukça haklıdır.

+0

Aslında, sorunu fark ettiğimde, başka bir yerde gördüğünü gördüğümde başlayacağımı kontrol ettim ve dizede "#" karakterinin olmadığını fark ettim. Fakat kullandığım dolgu rengi sass değişkenini düşünmem düşünülmemişti. Teşekkürler! –

+1

'encodeURIComponent (...)' bu sorunu benim için çözdü. –