2016-10-29 13 views
6

Ionic v1을 사용하고 Chrome (ionic serve) 및 View App (ionic upload)에서 테스트하고 있습니다. 내 addthis 도구 상자 JavaScript 장치가 모바일 장치에 존재하지 않습니다.

나는 나의 index.html을

<script src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=foo&async=1"></script> 

에서이 스크립트를 포함 그리고 https://github.com/thisissoon/angular-addthis 지시어를 추가했다.

<sn-addthis-toolbox class="addthis_custom_sharing" 
       data-share="{ 
        title: thing.title, 
        url: 'https://myurl/' + thing.id, 
        description: 'Check out my thing.' 
       }"> 
    <a href class="addthis_button_email"></a> 
    <a href class="addthis_button_facebook"></a> 
    <a href class="addthis_button_twitter"></a> 
    <a href class="addthis_button_google_plusone_share"></a> 
</sn-addthis-toolbox> 

Chrome 또는 Firefox에서 내 ionic 앱을 볼 때 모든 것이 멋지게 보입니다. 이오니아 뷰를 누르면 추가 버튼이 누락됩니다. Chrome Dev Tools에서는 반응이 빠른보기 또는 기기로 멋지게 보입니다.

모든 방향이 도움이 될 것입니다. 어떻게하면 이오니아 뷰에서 오류 메시지가 나타 납니까?

addthis.com js 위젯이 휴대 기기에서 작동하지 않는 이유는 무엇입니까?

TIA.

EDIT : https를 추가 했으므로 더욱 발전했습니다. (덕분에 adamdport합니다)

이제 파일을로드하지 못했습니다보고 : //m.addthisedge.com/live/boost/foo/_ate.track.config_resp 자원 : NET ERR_FILE_NOT_FOUND

catch되지 않은 형식 오류를 : https://s7.addthis.com/js/300/addthis_widget.js:2:215504에서 O (https://s7.addthis.com/js/300/addthis_widget.js:2:223353) 에서 https://s7.addthis.com/js/300/addthis_widget.js:2:361724https://s7.addthis.com/js/300/addthis_widget.js:2:224158 에서 e.exports (https://s7.addthis.com/js/300/addthis_widget.js:2:211271) 에서 을 R (https://s7.addthis.com/js/300/addthis_widget.js:2:44431)에서 널 (null) 의 특성 '분할'을 읽을 수 없습니다 HTMLDocument.onReady에서(https://s7.addthis.com/js/300/addthis_widget.js:2:214257)는 addthis_widget.js 라인에

2 최종 편집 및 솔루션

:이 문제를 해결하기 위해 배운 가장 좋은 방법은 USB를 통해 내 넥서스 6P를 연결하는 것이었다, USB를 사용 디버깅 및 https://developers.google.com/web/tools/chrome-devtools/remote-debugging/

+3

스크립트가 https를 통해 사용할 수없는 것으로 보입니다. 만약 당신의 이오닉 URL이'https : //'를 사용한다면, 스크립트 src의'//'는 https를 사용하여 스크립트를 검색하려고 시도 할 것이고로드되지 않을 것입니다. – adamdport

+1

'file : //'은 로컬 파일 시스템에서만 작동합니다. 서버에서는 작동하지 않습니다. http://stackoverflow.com/questions/12711584/how-to-specify-a-local-file-within-html-using-the-file-scheme – adamdport

답변

1

스크립트가로드되지 않는 이유에 대한 원래의 질문을 해결했습니다 : 귀하의 사용법은 //이고 httphttps 사이에서 전환되었습니다. 이오 URL에서 https://을 사용하는 경우 스크립트 src의 //https을 사용하여 스크립트를 검색하려고 시도하며로드되지 않을 수 있습니다.

편집 했으므로 file://은 로컬 파일 시스템에서만 작동한다는 점을 지적했습니다.서버에서 참조하려고하면 클라이언트 시스템에서 자원을로드하려고 시도합니다.

추가 도움이 필요하면 다른 질문을 게시하는 것이 좋습니다.

+0

네, 도움을 주셔서 감사합니다. 솔직히 나는 회상 적으로 최선의 대답은이 링크 일 것이라고 생각한다. https://developers.google.com/web/tools/chrome-devtools/remote-debugging/ 이것은 내 장치에 콘솔 오류를 표시하고 내 성공 경로로 안내합니다. 20/20의 모든 뒷모습. 도와 주셔서 감사합니다. – Kirby

1

우선 이오니아 뷰는 모든 써드 파티 플러그인을 지원하지 않으므로 먼저 빌드하고 실제 장치에서 테스트해야합니다. 그러나 이것이 효과가 있을지 확신하지 못합니다. 왜냐하면이 공유를 웹 사이트가 아닌 앱에 추가하고 앱을 개발하면서 앱 개발자처럼 웹 개발자를 좋아하지 않아야하기 때문입니다. 웹 사이트에서 뭔가를 공유하면 소셜 앱의 웹 사이트에 게시됩니다. 하지만 앱에서 뭔가를 공유하면 소셜 앱에 게시됩니다.

내 제안에 추가 귀하의 실제 장치에서 여전히 작동하지만, Ionic을 사용함에 따라 앱에서 공유해야하기 때문에 이것을 사용하면 안됩니다.