Warum sind Browser

Question

var div = document.createElement('div'); 
div.style.cssText = "background-image: url('http://imgs.com/mouse.png ')"; 
div.style.cssText 
//=> "background-image: url("http://imgs.com/mouse.png\9 ");" 

Der obige Code ein `\ 9` in diesem Stil-Attribut eingefügt, mit dem eine Lasche nach dem .png Suffix zu sein, wenn entweder in Chrome oder Firefox Konsole ausgegeben die gezeigte Linie mit mit \9 beigefügten laufen an die URL. Warum das?

Ich habe gelesen, dass \9 ist eine Art von einem Hack für das Targeting nur bestimmte Versionen von IE, aber warum würden Chrome und Firefox das automatisch einfügen?

PS: Für zusätzlichen Browser Spaß, können Sie erraten, was passiert, wenn diese URL relativ ist und Sie es mit dem klassischen <a> href Trick lösen möchten? Hier ist, was auf der fiktiven http://imgs.com Domain passieren würde:

var a = document.createElement('a'); 
// Actually parsed from the above response, not assigned manually 
a.href = "/mouse.png\\9 "; 
a.href 
//=> "http://imgs.com/mouse.png/9" (in Chrome) 
//=> "http://imgs.com/mouse.png%5C9" (in Firefox) 

Während also die URL mit dem Suffix \9 würde eigentlich noch arbeiten, werden die aufgelösten URLs verweisen nun auf falsche Positionen.

Answer 1

Wenn die Konsole den Quellcode ausdrucken muss, versucht sie dies auf eine eindeutige Weise. Ein Tabulatorzeichen ist offensichtlich kein Tabulator, und es gibt viele andere Sonderzeichen mit demselben Problem. Daher werden nicht druckbare oder nicht naheliegende Zeichen unter Verwendung einer geeigneten Escape-Sequenz gerendert, wobei "geeignet" bedeutet "passend zu dem Sprachkontext".

CSS-Escapes sehen wie \nnnnnn aus, wobei die n s Hexadezimalziffern sind. Es kann ein bis sechs solcher Ziffern geben. Der Escape-Code \9 ist der Escape für das Tab-Zeichen.

Beachten Sie, dass in tatsächlichen CSS Quelltext, auch Sie \9 austauschbar tatsächliche Tabulatorzeichen und die Notation verwenden können und genau die gleichen Ergebnisse erhalten, weil der CSS-Parser \9 als Tabulatorzeichen interpretiert, genau wie ein tatsächliches Tabulatorzeichen.

Das beschriebene Verhalten der Konsole ist nicht in jedem Standard (weil die Entwickler-Tools selbst nicht standardisiert sind), aber es ist die Art von Sache, die jeder Designer solcher Tools sehr wahrscheinlich tun wird.