2017-04-20 7 views
0

CefSharp 브라우저에서 자바 스크립트를 주입하고 있습니다. 그것은 CefSharp에서만 일어나는 이상한 행동을 제외하면 잘 작동합니다. 단락의 패딩은 내부에 span 태그를 삽입 한 후에 어떻게 든 무시됩니다.CefSharp javascript가 요소 내부에 삽입 요소를 삽입하여 패딩을 무시합니다.

enter image description here

이 그것을 CefSharp의 모습입니다 :

enter image description here

이 그것을 CefSharp의 모습입니다 :

은 크롬에서 모양과 크롬 것입니다 DevTools의 경우 :

enter image description here

,

이 같은 결과 HTML 구조가 모습입니다 : 내가 쉽게 주위에 작업 생각할 수

enter image description here

,하지만 문제가 여기에 무엇인지 알고 싶습니다.

업데이트 : 이것은 어떤 자바 스크립트 주사하지 않고, 기본 HTML에 문제가

.

enter image description here

: 올바른 크롬 (버전 60.0.3077.0 (개발자 빌드) (64 비트))에 : (v3.2883.1552 v55.0.0, 재배포), 여기에서 왼쪽 CefSharp에와의 비교입니다 렌더링이 다른 것을 알 수 있습니다.

+0

당신이 잘못된 경우 실제 DOM 트리/스타일을 디버깅 할 수 CEF의 DevTools로를 사용 했습니까? – fddima

+0

@fddima는 DevTools를 사용한 결과로 이미지를 추가했습니다. 패딩은 존재하는 것처럼 보이지만 내용 주위에 추가 된 것처럼 보입니다. HTML 소스는 동일합니다. – oddRaven

+0

최선의 방법은 레이아웃의 차이가 있다는 것입니다 (위의 어딘가에?). 그리고 foreignObject는 잘못된 좌표를 가지고 있습니다. 최소한 화면의 색상이 다르므로 다른 것도있을 수 있습니다. 나는 주사를 주사해서 무슨 뜻인지 모르겠다. 이것을 스크립트 삽입에 연결하면 관련이없는 스크립트를 삽입하여 주입이 전혀 문제가 아닌지 확인하십시오. 그렇다면 스크립트 작업에 문제가 있습니까? – fddima

답변

0

Chromium 57.0/CEF 3.2987.1601 (Chromium 57.0.2987.133)으로 업데이트하면이 문제가 해결됩니다. Chromium 버전간에 불일치가 발생했습니다.

enter image description here