2013-02-04 3 views
2

JS를 사용하여 미디어 쿼리 콘텐츠 CSS 속성을 추출하려고합니다. 그러나 따옴표는 제거 된 것 같습니다. 다음을 참조하십시오 :JS 견적 문자가 잘립니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

<script type="text/javascript"> 

    $(window).load(function() { 

     for(var i = 0; i < document.styleSheets.length; i++){ 

      for(var j = 0; j < document.styleSheets[i].cssRules.length; j++){ 

       for(var k = 0; k < document.styleSheets[i].cssRules[j].cssRules.length; k++){ 

        var css_text = document.styleSheets[i].cssRules[j].cssRules[k].cssText; 

        console.log('css_text'); 
        console.log(css_text); 

       } 

      } 

     } 

    }); 

</script> 
<style type="text/css"> 

    @media screen and (max-width: 960px) { 

     body:after{ 
      content: "hello"; 
     } 

    } 

</style> 
</head> 
<body style="margin: 0px;"> 

    some stuff here... 

</body> 
</html> 

위의 반환 :

css_text 
body::after { content: hello; } 

나는 희망의 반환을 : 나는 구글 크롬 브라우저를 사용하고

css_text 
body::after { content: "hello"; } 

.

원래 안녕하세요 둘러싸여있는 따옴표를 유지할 수있는 방법이 있습니까?

답변

1

따옴표를 이스케이프 처리해야합니다. 다음 링크는 대신
console.log(addslashes(css_text))를 작성합니다 그래서 http://magp.ie/2011/01/20/addslashes-and-stripslashes-in-javascript/

그것을 할 수있는 한 가지 방법 ...이다;

작동하는 경우 알려주십시오. :)

+0

안녕하세요, 저는 지금 시도했지만 슬프게도 작동하지 않습니다. 그래도 도와 ​​줘서 고마워! –

+0

나는 태블릿 ATM에 잠들다가 잠을 자지 만 아직 아침이되면 여전히 활발하다. :-) – asifrc

+0

고맙습니다. 고맙습니다. :) –