2011-01-21 11 views
7

मुझे पता है कि आप जावास्क्रिप्ट चरों को संपादित करने के लिए डीओएम व्यू में फायरबग का उपयोग कर सकते हैं ... लेकिन क्या एक तरीका है जिसमें मैं एम्बेडेड लाइव जावास्क्रिप्ट को संपादित करने के लिए (कुछ और) उपयोग कर सकता हूं एक एचटीएमएल पेज?वेब पेज के जावास्क्रिप्ट ब्लॉक को संपादित करें ... लाइव

<script type="text/javascript> 
// code here 
</script> 

धन्यवाद:

इस तरह का एक .html पृष्ठ में है कि जैसा

+1

आप ओपेरा का उपयोग कर सकते हैं। ओपेरा इनलाइन जेएस और जेएस फाइलों के संपादन की अनुमति देता है। पृष्ठ को नरम पुनः लोड करने के बाद, आपके परिवर्तन लागू होंगे। राइट क्लिक> स्रोत> परिवर्तन करें> परिवर्तन लागू करें। – XP1

उत्तर

3

बुकमार्कलेट

Wikipedia entry

एक बुकमार्कलेट से एक एप्लेट, एक छोटे से कंप्यूटर अनुप्रयोग, एक वेब ब्राउज़र में बुकमार्क के URL के रूप में या एक वेब पेज पर एक हाइपरलिंक के रूप में जमा है। शब्द बुकमार्क और एप्लेट शब्द का एक पोर्टमैंटो है। चाहे बुकमार्कलेट यूटिलिटीज बुकमार्क्स या हाइपरलिंक्स के रूप में संग्रहीत हों, वे ब्राउज़र या वेब पेज पर एक-क्लिक कार्यक्षमता जोड़ने के लिए डिज़ाइन किए गए हैं। क्लिक करने पर, एक बुकमार्कलेट कुछ फ़ंक्शन करता है, एक विस्तृत विविधता जैसे खोज क्वेरी या डेटा निष्कर्षण। आमतौर पर एप्लेट एक जावास्क्रिप्ट प्रोग्राम है।

और स्पैम या कुछ भी की कोशिश नहीं कर एक संबंधित नोट के रूप में मैं एक bookmarklet generator बनाया मुझे बुकमार्कलेट आसान बनाने में मदद करने।

+0

ठीक है, मैं सिर्फ प्रश्न को फिर से पढ़ता हूं, हो सकता है कि बुकमार्लेट आपके बाद के बाद न हों, आप http://jsfiddle.net/ को आजमा सकते हैं, लेकिन मुझे यकीन नहीं है कि यह * बिल्कुल * जो आप चाहते हैं । – zzzzBov

+0

मेरा मतलब एक अलग वेब पेज पर जाना और उनके जावास्क्रिप्ट ब्लॉक संपादित करना था। – nn2

+0

Google क्रोम, और ओपेरा में एक सभ्य डॉम संपादक भी है। फायरबग अन्य पृष्ठों को संपादित करने के लिए पसंद का मेरा साधन है। * हाँ मुझे पता है कि आपने अन्य विकल्पों के लिए पूछा * – zzzzBov

0

Eloquent javascript में नीचे एक कंसोल प्रकार विंडो है (नीचे दाईं ओर छोटे तीर पर क्लिक करें)। यह हो सकता है कि आप क्या खोज रहे हैं। आपके मतलब का सटीक शब्द एक आरईपीएल है, एक पढ़ना-मूल्यांकन-प्रिंट लूप।

0

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

क्या कोई विशिष्ट कारण है कि आप फायरबग का उपयोग नहीं कर सकते/नहीं करेंगे?

+0

यह जरूरी नहीं है। कोड इनपुट करने के लिए कोई एक मानक इनपुट तत्व (उदाहरण के लिए एक textarea) का उपयोग कर सकता है। फिर इसे चलाने के लिए जावास्क्रिप्ट 'eval() 'फ़ंक्शन का उपयोग करें, प्रभावी ढंग से एक कंसोल प्रदान करें। – Exelian

0

फ़ायरबग में एक गैर प्लगइन-निर्भर "लाइट" संस्करण है। यदि आप उस के स्रोत कोड की जांच करते हैं, तो आप फ़ायरबग कार्यक्षमता के बड़े उप-समूह को कार्यान्वित करने का तरीका जान सकते हैं।

http://getfirebug.com/firebuglite

0

Chrome भी एक कंसोल विंडो कि एक बार आप तत्व (या पृष्ठ) का निरीक्षण सक्रिय किया जा सकता है। वहां से आप सरल जावास्क्रिप्ट लिख सकते हैं। यह भी एक सुंदर सभ्य डीबगर है।

1

Firebug एक कंसोल (फ़ायरबग खिड़की के पहले टैब) जहां जे एस कोड लिखने और वर्तमान पृष्ठ में निष्पादित कर सकते हैं। मान लें कि वेबपृष्ठ में myFunc नामक एक फ़ंक्शन है जिसे आप परिभाषित करना चाहते हैं और आप इसे ओवरराइड करना चाहते हैं: कंसोल में निम्न निष्पादित करने से चाल चल जाएगी।

myFunc = function(/* function arguments here */) { 
    /* new function body here */ 
}; /* notice the ; */ 

और एक समारोह के वर्तमान संस्करण आप निष्पादित कर सकते हैं

uneval(myFunc); 

इस बाहर वर्तमान myFunc

टिप्पणी प्रिंट होगा देखने के लिए: मुझे लगता है कि डिफ़ॉल्ट रूप से सांत्वना एक के साथ आता है सिंगल-लाइन इनपुट बॉक्स, लेकिन विकल्पों में कहीं भी आप एक बहु-लाइन इनपुट बॉक्स पर स्विच कर सकते हैं। जब बहु-पंक्ति में, एक नई रेखा पर जाता है, + कोड निष्पादित करता है।

0

यदि आप क्रोम पर टूल्स/डेवलपर टूल्स पर जाते हैं, तो आपको एक ऐसा स्थान मिलेगा जहां आप एचटीएमएल, जावास्क्रिप्ट और सीएसएस से सभी कोड बदल सकते हैं, अपने ब्राउज़र पर रहते हैं। स्पष्ट रूप से यह पृष्ठ पर वास्तविक परिवर्तन उत्पन्न नहीं करता है, बस इसे देखने के तरीके में, क्योंकि इसे वेबसाइट

+0

यदि आप वास्तविक परिवर्तन लागू करना चाहते हैं, तो आप ओपेरा का उपयोग कर सकते हैं। ओपेरा इनलाइन जेएस और जेएस फाइलों के संपादन की अनुमति देता है। पृष्ठ को नरम पुनः लोड करने के बाद, आपके परिवर्तन लागू होंगे। राइट क्लिक> स्रोत> परिवर्तन करें> परिवर्तन लागू करें। – XP1

0

के व्यवस्थापक के लिए संपादित किया जा सकता है, आप फ़ायरबग के HTML व्यू के साथ इनलाइन स्क्रिप्ट टैग को संपादित करने में सक्षम हैं। बस स्क्रिप्ट टैग का चयन करें, और उसके बाद "संपादित करें" बटन दबाएं। संपादन के बाद, परिवर्तन लागू करने के लिए फिर से "संपादित करें" बटन दबाएं।

0

फ़ायरफ़ॉक्स 'Greasemonkey प्लगइन का अभी तक उल्लेख नहीं किया गया था। इस तरह आप स्क्रिप्ट को स्टोर, पुनः उपयोग और साझा कर सकते हैं। मुझे 100% यकीन नहीं है कि आप अपने कोड को उसी कोड में चला सकते हैं जैसे पृष्ठ का कोड OOTB। हालांकि, मनमाने ढंग से लिपि टैग डालना अभी भी संभव है।

2

आप ओपेरा 12 का उपयोग कर सकते हैं। ओपेरा 12 इनलाइन जेएस और जेएस फाइलों के संपादन की अनुमति देता है। पृष्ठ को नरम पुनः लोड करने के बाद, आपके परिवर्तन लागू होंगे। राइट क्लिक> स्रोत> परिवर्तन करें> परिवर्तन लागू करें।

संबंधित मुद्दे