'소스보기'에 DOM 업데이트가 표시되지 않고 '요소 검사'에만 표시

Question

img 태그에서 alts를 변경하는 간단한 스크립트를 작성했습니다. 하지만 작동하지 않습니다.

jQuery(document).ready(function($) { 
    var slowakluczowe = ['alt1', 'alt2', 'alt3']; 
    $("img").attr("alt", function() { 
     return slowakluczowe[Math.floor(Math.random() * slowakluczowe.length)]; 
    }); 
}); 

스크립트는 임의 alt 소요되며 이미지에 핀을하지만 잘 작동하지 않습니다 여기 내 스크립트입니다. '소스보기'를 클릭하면 alt이 변경되지 않고 '요소 검사'를 클릭했을 때만 작동합니다.

는 여기를 참조하십시오 : 그것은 단지 내가 또한 '소스보기'로 작업 할 수있는 방법 '요소 검사'와 함께 일하고 http://prntscr.com/boo9jk

?

Answer 1

원본보기는 항상 서버에서받은 원본 데이터를 표시합니다. JavaScript로 변경할 수 없습니다. 브라우저 속성은 DOM의 라이브 표현을 보여 주므로 JavaScript에 의해 업데이트됩니다.

'원본보기'를 클릭 할 때 데이터를 변경하는 유일한 방법은 서버에 일부 데이터를 보내고 변경 한 다음 모든 방법으로 페이지를 새로 고치는 것입니다. 나는 당신이 왜 그렇게 할 필요가 있는지 알 수 없다. 아마 당신이 실제로하고 싶은 것은 사용자가 내용을 편집하게하고 그 내용을 모두 볼 수있게하는 것입니다. 이 경우 서버에 정보를 보내고 데이터베이스에 저장 한 다음 사용자에게 페이지를 표시 할 때이 정보를 사용해야합니다.

검사기가 더 강력한 도구이며 사용해야하는 도구입니다. 소스보기는 특히 정교한 형식으로, 즉 페이지의 모든 자바 스크립트가 실행되기 전에 데이터를 보려는 경우에만 유용합니다.