자바 스크립트가 크롬, 소스

Question

내가 크롬 콘솔에서이 HTML을 읽으려고하고있는 HTML 요소에 null를 돌려줍니다 이 줄을 실행하면 null 또는 invalid가 반환됩니다. 요소를 검사하고 코드를 실행하면 의도 한대로 작동하고 "Kr 79"를 반환합니다. 그래서, 내가 모르는 DOM 문제입니까, 아니면 브라우저 별 문제입니까?

Google 태그 관리자에서이 값을 변수로 사용하고 있는데, 50 %의 경우에서 작동합니다. 웹 페이지 자체의 소스 코드에 액세스 할 수 없기 때문에 데이터를 가져 오는 다소 힘든 방식을 사용해야합니다.

많은 게시물은 DOM 준비가되기 전에 스크립트가 시작되었지만 문제가 아니라고 생각합니다. 페이지가로드 된 후에도 콘솔에서 테스트 중이므로 (HTML 요소가 있음) Google 태그 관리자에서 DOM 준비가 완료되면 태그가 실행되도록 지정했습니다.

실마리가 있습니까?

편집/명확한 설명 : 나는 페이지 자체의 코드를 변경할 수 없습니다 만 난 GTM

Answer 1

그것은 비동기 문제처럼 보이는 통해 JS와 함께 노력하고 출력 소스를 읽어 보시기 바랍니다. 이 시도 :

//Using Jquery 
$(document).ready(function() { 
    document.getElementById('lblSummaryFreight').innerHTML; 
}); 

또는

//Add this at the end of the body, after all of your content 
<script> 
(function() { 
    document.getElementById('lblSummaryFreight').innerHTML; 
})(); 
</script> 

Answer 2

시도는 태그가 GTM에서 발사되는 방식을 변경할 수 있습니다. 창을로드 할 때 실행하고 다시 시도하십시오. 요소가 다른 js 파일에서 변경되고있을 수도 있습니다.

jQuery를 사용하는 것이 좋은 지적입니다. 비슷한 문제가 있었고 jQuery가 모두이를 해결했습니다.

Answer 3

이 문제를 해결할 수없는 것 같고 일부 기발한 소스의 결함 인 것으로 보이므로 필자는 필요한 데이터를 얻는 또 다른 방법을 찾아 내려고 노력할 것입니다.

은 내가 무엇을 배웠는가 : 그것은 다른 브라우저에서 작동하기 때문에

• 문제는, 크롬과 관련된 것으로 보인다. 이것은이 코드가 구현 된 GTM 태그가 사례의 ~ 50 %에서 올바른 값을 반환한다는 사실에 의해 지원됩니다.
• Android 네이티브 브라우저에서 페이지를 테스트하면 '정의되지 않음'도 반환됩니다. 태그를 실행 한 페이지를 다시로드 한 후 올바른 값을 반환합니다.

• 전체 DOM을 콘솔에서 사용할 수없는 것 같습니다. .이 시도 :

  document.getElementsByClassName ('완료') 길이가 0을 반환

하지만 소스의 클래스의 10 개 인스턴스 주위에있다. 페이지의 아무 곳이나 검사 한 후 올바른 번호를 반환합니다.

• 스크립트 실행에 지연이 있으면 도움이되지 않으며 요소의 심볼 검사 또는 페이지를 다시로드하는 데 도움이됩니다.

그래서 내 결론은이 웹 페이지는 어떻게 든 내장되는 방식은 일부 브라우저의 성미에가는 것입니다 - 소스가로드 된 후 소스가 메모리가 부족가는 것처럼 보인다. 그러나 이것은 나의 이해 수준을 넘어서는 길입니다.

모든 입력에 감사드립니다.