<blockquote id="dm4tl"></blockquote>
  1. ><\/span>\n<\/span>\n class=\"wrapper\"<\/span>><\/span>\n<\/span> class=\"row\"<\/span>><\/span>\n<\/span> class=\"large-10 large-offset-1 column\"<\/span>><\/span>\n<\/span> ><\/span>Remote Debugging for Front-end Developers<\/h1<\/span>><\/span>\n<\/span>\n class=\"flex-wrapper\"<\/span>><\/span>\n<\/span> class=\"flex-box\"<\/span>><\/span>\n<\/span> ><\/span>Front-end development used to be (kind of) easy.\n<\/span> One could easily install a bunch of browsers on a couple \n of different computers \/ operating systems, physical \n or virtual, and use the developer tools built in almost \n every browser to solve compatibility problems, or work \n around different implementations of web standards. \n This is no longer the case, not since cellular networks \n became faster, phones became smarter and light “tablet” \n devices offered a new way to connect people to the internet \n from wherever they are. Debugging in these (mostly) \n mobile devices is a different kind of game, and the fact \n that more than a dozen different mobile browsers \n exist is not making the job any easier.<\/p<\/span>><\/span>\n<\/span> <\/div<\/span>><\/span>\n<\/span> class=\"flex-box\"<\/span>><\/span>\n<\/span> cite=\"http:\/\/people.apache.org\/~pmuellr\/weinre\/docs\/latest\/Home.html\"<\/span>><\/span>\n<\/span> ><\/span>weinre is WEb INspector REmote. Pronounced like\n<\/span> the word “winery”. Or maybe like the word “weiner”. Who \n knows, really.<\/p<\/span>><\/span>\n<\/span> <\/blockquote<\/span>><\/span>\n<\/span> ><\/span>WEb INspector REmote was built to enable remote inspection \n<\/span> and debugging of web pages across different devices. It’s a \n useful tool, especially when you need to debug a ”UIWebView” \n or Safari on iOS while developing on Linux or Windows. weinre \n *reuses the user interface code from the Web Inspector project \n at WebKit* so most front-end developers should already be \n familiar with the toolbox.<\/p<\/span>><\/span>\n<\/span> <\/div<\/span>><\/span>\n<\/span> <\/div<\/span>><\/span>\n<\/span> <\/div<\/span>><\/span>\n<\/span> <\/div<\/span>><\/span>\n<\/span><\/div<\/span>><\/span>\n<\/span>\n<\/body<\/span>><\/span>\n<\/span><\/html<\/span>><\/span><\/span><\/pre>.\n\n\n

    \n\n ???? WebKit ?? ????? ???? Weinre ??? ??? ?????? : http : \/\/ Your_ip_address : 8081\/client\/. ??? ??? ??????! ?? ??? ?\/???, ?? ????, ??? ?? ?? OS\/??? ????? ?? ? ? ???? ?? ??? ??? ????. Weinre ??? ??? ???????? ?? DEV ??? ???? ??? ???? ?? ? ? ??????! ?? DOM ???? (???) ?? CSS??? ??? ???? ??, ?? ?? ???? ???? JavaScript ???? ? ? ????. ???? JavaScript ??? ???? DOM? ?? ? ?? ????. ??? ??? ?? ? ??? ?? ??? ??? ?? ??? ???????! weinre ?? \n ??? Android 4.1.2?? ?? ????? ???? ????.\n

    \n ??? JavaScript ??? ???? ??? ??? ??? ? ???? : \n<\/the>\n<\/h3>\n?? JavaScript ??? ?? \n

    \n weinre? ??? ?? ????\n<\/we><\/p>\n prepros? ?? ???? ??? ? ?? ??? ????? ?? ?? ? ?? CSS ???? ???? ??, Sass, Compass, Stylus, Jade ?? ????? ?????. ??? ??? ???? ?????! \n\"???\n

    ??? \n Valence? Firefox ??? ??? iOS?? Gecko ?? ????, Chrome ? Safari? ???? ?? \/ ??? ? ??? Firefox??? ??????. ??? \"??\"? iOS ?? ?? ?? ???? ???? ? ? ???? (-remote-debugging-port = 9222 ?? \"???\"? ???? ?? ??? ?????-??? ???? ?? ???? ?? ??? ??????) ?? Firefox OS. ???? ???? Android ?? ????? ?? ??? Android ??? ?? ? ? ??? iOS ? UiwebViews ? Simulators? Apple ???? ???? ?? ?? ??? ????? ???? ?? ? ? ????. <.>\n ??? ? \/ ???? ???? ????? ??????? Windows? ???? ?? ??? USB ????? ???? ? ?? ????. Windows ???? iOS? ?? ???? ?? iTunes? ???????. ?????, Developer ?? ?\/?? USB ???

    ? ?????????. - ??? ???? ??? ?????????! ???? ?? ?? ???? ??? ?? ??? ? ??? ?? ?? ?????? ??? ?????. <\/p>\n ??? ??? \n\n Android 5 ??? ??? ?? ????? HTML ?? ? ??? ?? : \n\"???\n?? ???? ?? ? ? ????\n

    \n ??? ????? SVG ??? ?? ?? ??\n<\/attr>\n<\/h3>\n ok ??… ??? ?? ???? ?? ??? ?????!\n