<!-- Visual Studio 브라우저 링크 -->
<scrip{filter}t type="application/json" id="__browserLink_initializationData">
{"appName":"Chrome","requestId":"c1d966c4e30a4503926d28e76b7bc5be"}
</scrip{filter}t>
<scrip{filter}t type="text/javascrip{filter}t" src="http://localhost:33888/4162501dbbc24a0fb1ec87e6027ba41e/browserLink" async="async"></scrip{filter}t>
<!-- 브라우저 링크 종료 -->
오늘 프로젝트를 작성했는데, 프로젝트의 Pace.js 페이지 진행 로딩 플러그인을 사용했는데, 페이지 로딩 진행 바가 매우 느리고 항상 로드되지 않는 것을 발견했습니다.
마지막으로, 이유를 찾아보세요, 왜? 소스 코드에서 문앞 코드 몇 줄을 더 찾았는데, 이게 뭐야?
브라우저 링크란 무엇인가요?
이 브라우저 링크의 기능은 스크립트 파일을 통해 플로우와 Visual Studio IDE 간의 통신 브리지를 구축하는 것이며, 브라우저 링크를 활성화한 후 Visual Studio는 웹사이트에 IHttpModule 모듈 객체를 주입한 후 각 페이지에 스크립트를 등록합니다.
브라우저 링크 기능은 SignalR 기술을 사용하여 구현됩니다.
이 모든 점을 고려했을 때, 브라우저 링크 기능은 정확히 어떤 용도로 사용되나요?
Broswer Link 함수는 비교적 간단합니다. Visual Studio IDE에서 브라우저에서 열린 페이지를 새로고침하는 데 사용되는데, 왜 Visual Studio IDE에서 페이지를 새로고침해야 하나요?
IE, GOOGLE, FIREFOX, 모바일 브라우저와 호환되어야 하는 페이지를 개발할 때, 이 꽃을 사용해 동시에 페이지를 열 수 있습니다. 문제가 발견되면 VS IDE로 돌아가 수정한 뒤, 수정 후 Visual Studio IDE에서 "Refresh Linked Browsers"를 클릭하면 모든 브라우저를 새로고침하여 효과를 확인할 수 있습니다.
이 "브라우저 링크"는 새로고침 기능만 가지고 있지만, 브라우저 링크 기능은 확장 기능으로 작성할 수 있고, 필요한 일부 기능을 맞춤 설정할 수 있습니다.
이 기능을 사용하고 싶지 않다면, web.config의 appSettings 노드에 다음 코드를 추가하면 됩니다.
<appSettings>
<add key="webpages:Version" value="2.0.0.0" />
<add key="webpages:Enabled" 값="false" />
<add key="PreserveLoginUrl" value="true" />
<add key="ClientValidationEnabled" 값="true" />
<add key="UnobrusiveJavascrip{filter}tEnabled" value="true" />
<add key="vs:EnableBrowserLink" value="false"/>
</appSettings>
빨간 카드가 추가되고, 마침내 완벽하게 해결되었습니다!!
|
게시됨 2016. 5. 24. 오후 4:27:05
|
|
|
|
