25

मैं एक विंडोज फोन डेवलपर नहीं हूं, और मैं माइक्रोसॉफ्ट से संबंधित किसी भी चीज़ के साथ जितना संभव हो उतना करना चाहता हूं। फिर भी, मुझे अपने मोबाइल वेब ऐप को विंडोज फोन 7 पर ठीक से चलाना होगा। मंच के लिए कौन से डीबगिंग टूल उपलब्ध हैं? वेबकिट डेवलपर टूल्स या फायरबग की तरह कुछ आदर्श होगा, या तो फोन से या अधिक संभावना है, मेरे कंप्यूटर से दूरस्थ रूप से डिबगिंग।मैं विंडोज फोन 7 पर इंटरनेट एक्सप्लोरर को कैसे डिबग करूं?

यदि ऐसी कोई चीज़ मौजूद नहीं है, तो मैं जावास्क्रिप्ट त्रुटि संदेशों को पढ़ने में सक्षम होने के लिए व्यवस्थित हूं, और alert() या इसी तरह के चर का उपयोग करके चर की सामग्री को देख सकता हूं। इस बिंदु पर, मुझे पता है कि मेरा जेएस असफल रहा है: मुझे नहीं पता कि कहां या क्यों, इसे ठीक करने के लिए अकेले रहने दें।

मेरा देव कंप्यूटर ओएस एक्स चला रहा है, और यदि संभव हो तो मैं इन उपकरणों को ओएस एक्स से उपयोग करने में सक्षम होना चाहूंगा। यह मानते हुए कि डिबगिंग टूल मौजूद हैं (जो मुझे सच में उम्मीद है) वे केवल विंडोज के लिए डिज़ाइन किए गए हैं? यदि हां, तो क्या किसी को पता है कि वे Wine या इसी तरह के साथ कितनी अच्छी तरह काम करेंगे?

संपादित करें: मेरे पास एक भौतिक विंडोज फोन 7 डिवाइस है, इसलिए मैं इसका उपयोग कर सकता हूं। हालांकि, alert() काम नहीं कर रहा प्रतीत होता है, इसलिए मैं इस सवाल को पोस्ट कर रहा हूं। alert() आमतौर पर WP7 ब्राउज़र पर काम करता है?

+0

आप एक विंडोज फोन है 7 डिवाइस? जैसे आपको बस यातायात/यूआई डीबग करने की जरूरत है ... या आप विंडोज फोन सिम्युलेटर की उम्मीद कर रहे हैं? – scunliffe

उत्तर

18

आपको किसी भी मोबाइल डिवाइस का परीक्षण करने के लिए सबसे आसान ऑल-इन-वन टूल होने की संभावना होगी।

अब तक मेरे परीक्षण में आईफोन/आईपैड/सैमसंग गैलेक्सी टैब पर अच्छा काम करता है।

उद्धरण:

यह लिंक है कि Firebug Lite, पेज संसाधन, डोम दानव, SpriteMe, CSSess, और Zoompf सहित अन्य बुकमार्कलेट लोड के साथ एक मेनू प्रदर्शित करता है।

enter image description here

+1

दुर्भाग्य से ऐसा लगता है कि इसमें कोई जावास्क्रिप्ट डिबगिंग टूल (उदा। कंसोल) शामिल नहीं है। – Jonathan

+2

@ जोनाथनकॉवे वास्तव में जब तक मुझे कुछ याद नहीं आ रहा है फ़ायरबग लाइट https://getfirebug.com/firebuglite में उसी लॉगिंग क्षमताओं को शामिल किया गया है जो फ़ायरबग करता है। :-) – scunliffe

2

जब तक आप एक विंडोज फोन 7 डिवाइस है, तो आप BootCamp में Windows चलाने के लिए और आदेश एमुलेटर पर IE में परीक्षण करने के लिए Windows Phone Developer Tools स्थापित करना होगा। मुझे व्हाइन के बारे में पता नहीं है, लेकिन मैं समानांतर में परीक्षण करने की कोशिश कर रही प्रमुख समस्याओं में भाग गया - इसलिए मेरे अनुभव के आधार पर, मैं इसे यथासंभव सरल रखने का सुझाव देता हूं।

फ़ोन पर आईई में कोई कंसोल नहीं है, इसलिए आपको कस्टम कंसोल के रूप में अपने पृष्ठ पर एक div को टेक्स्ट लिखने के लिए चेतावनी का उपयोग करना होगा।

यदि आप वास्तव में ओएस एक्स (जिसे मैं निश्चित रूप से समझता हूं) में कोड करना चाहता हूं, तो WP7 एमुलेटर में आईई का परीक्षण करने के लिए एक अलग मशीन का उपयोग करना आपकी सबसे अच्छी शर्त होगी।

संपादित करें: मैंने अभी चेतावनी का परीक्षण किया और यह मेरे विंडोज फोन पर ठीक काम किया। मेरा अनुमान है कि एक वाक्यविन्यास त्रुटि इसे कॉल करने से रोक रही है।

+0

समांतरता ने मेरी मशीन पर भी समस्याएं पैदा कीं। मुझे WP7 विकास के लिए Win7 प्रो मशीन का उपयोग करना पड़ा। – j7nn7k

0

कुछ जो मेरे लिए काम करता है, विंडोज़ विस्टा के अंतर्निहित इंटरनेट एक्सप्लोरर ब्राउज़र के माध्यम से अपने मोबाइल पृष्ठों का परीक्षण करना है। यह एक स्क्रिप्ट डीबगर (जिसे आपको इंटरनेट विकल्प मेनू के माध्यम से उन्नत विकल्प टैब में सक्षम करना है) के साथ आता है, और ऐसा लगता है कि यह वास्तव में इंटरनेट एक्सप्लोरर मोबाइल कार्यान्वयन के करीब आता है।

एक और युक्ति यह होगी कि, window.alerts का उपयोग करने के बजाय, आप document.write का उपयोग भी कर सकते हैं या एक div सामग्री में आउटपुट सेट कर सकते हैं।

2

निम्नलिखित दिलचस्प हो सकता है

Simple IE debug tool for Windows Phone

का समर्थन करता है

  • एचटीएमएल
  • एचटीएमएल नोड शैलियों, गुण traversing,
  • मीट्रिक पढ़ना कंसोल आउटपुट डिवाइस पर
  • निष्पादित js कंसोल से पक्ष (इंक luding IntelliSense)
  • गतिशील स्क्रिप्ट इंजेक्शन - लाइव साइटों

डिबग करने की क्षमता समर्थित नहीं

  • js breakpoints
+1

http://www.windowsphone.com/en-us/store/app/html-debugger/dd032799-1fd9-4ba5-9135-4589908063e7 – Aardvark

2

बस कहना है कि पूर्ण जावास्क्रिप्ट डीबगिंग है एक नोट जोड़ना चाहते थे अब विंडोज फोन 8.1 और विजुअल स्टूडियो 2013 अपडेट 2 के साथ संभव है। पूर्ण विवरण यहां उपलब्ध हैं:

http://blogs.msdn.com/b/visualstudioalm/archive/2014/04/04/diagnosing-mobile-website-issues-on-windows-phone-8-1-with-visual-studio.aspx

मुझे एहसास है कि यह मूल प्रश्न (WP7) में संदर्भित संस्करणों की सहायता नहीं करता है, लेकिन मुझे उम्मीद है कि इससे लोगों को यह प्रश्न मिलेगा जो एक और हालिया संस्करण चला रहे हैं।

0

मैं इस हैक का उपयोग कर रहा console.log सर्वर पर जानकारी भेजने के लिए (यह window.fetch, जो मैं कर रहा हूँ polyfilling का उपयोग करता है, लेकिन इसके बजाय XHR इस्तेमाल कर सकते हैं) https://gist.github.com/wheresrhys/bf93057ee3a594454582