HTML पेज में एंकर दिखाने के लिए प्लगइन?

Question

मैं अक्सर अपने आप को एक लिंक की तलाश में पाता हूं जो मुझे एक वेब पेज के बीच में छोड़ देगा। अक्सर मुझे लगता है कि पृष्ठ में आवश्यक <a name='foo'>टैग हैं लेकिन उन्हें खोजने के लिए कोई आसान तरीका (जैसे सामग्री की एक तालिका) नहीं है। क्या किसी को ऐसे प्लगइन के बारे में पता है जो दिखाता है कि वे टैग कहाँ / क्या हैं?

मुझे क्रोम की आवश्यकता होगी लेकिन दूसरों के लिए उत्तर उपयोगी होगा।

---

FWIW: यह वही है जो मैंने उपयोग किया है:

javascript:(function(){var i,n,a;as=document.anchors;for(i=0;i<as.length;++i) {a=as[i];n=a.name;a.appendChild(document.createTextNode("#"+n));a.style.border="1px solid";;a.href="#"+n;}})();

इसे लें, और इसे एक बुकमार्क में लिंक पते के रूप में डालें।

Comments

धन्यवाद। बहुत बुरा यह फ्रेम या हेडिंग एंकर के साथ काम नहीं करता है (यह H1 पर लंगर डालना संभव है, उदाहरण के लिए, न कि केवल एक <A> पर)

— rustyx

@rustyx, मुझे ऐसा करने का कोई उदाहरण नहीं मिल रहा है।

— BCS

@rustyx - बेहतर संस्करण के लिए gist.github.com/inkarkat/cd1d40996a1f818dfc71 देखें जो h1 एंकर का समर्थन करता है

— रिच

Answer 1

वेब डेवलपमेंट बुकमार्क में एंकर नाम का एक जावास्क्रिप्ट बुकमार्क होता है , जो प्रत्येक <a name="">एंकर में लिंक सम्मिलित करेगा । बुकमार्कलेट का उपयोग करने के लिए, इसे अपने पसंदीदा मेनू या लिंक बार में जोड़ें। फिर, किसी भी पृष्ठ पर, वर्तमान पृष्ठ में लिंक डालने के लिए "नामित एंकर" बुकमार्क पर क्लिक करें। हालाँकि, यह विकिपीडिया या अन्य साइटों पर काम नहीं करता है जो idएंकर के रूप में टैग की विशेषताओं का उपयोग करते हैं ।

संपादित करें:
शो एंकर एक अधिक आधुनिक बुकमार्कलेट है जो एंकर आइकन के साथ दोनों <a name="">और idतत्वों को दिखाता है । आइकन को बुकमार्कलेट में data:URL के रूप में एम्बेड किया गया है , इसलिए यह पुराने ब्राउज़रों में काम नहीं कर सकता है। (बुकमार्कलेट लिंक पोस्ट के सबसे ऊपर है।)

Comments

मैं दूसरा काम नहीं कर सकता।

— BCS

"शो एंकर" का यह संस्करण उस ब्लॉग पोस्ट से बहुत सुधरा है: gist.github.com/inkarkat/cd1d40996a1f818dfc71

— Rich

मैंने एक संस्करण बनाया जो मुझे और भी अच्छा लगा। एक एंकर की छवि के बजाय, मैंने बुकमार्कलेट डिस्प्ले को तत्व के #द्वारा पीछा किया nameया बनाया id: gist.github.com/LucasLarson/d5bd0881d8eb99d9fb254n28a7a315c4

— Lucas

Answer 2

शो एंकर 2 ऐड-ऑन Firefox पर सिर्फ इतना है कि नहीं करता है।

Answer 3

प्रदर्शन एंकर सबसे लोकप्रिय क्रोम प्लगइन लगता है।

Answer 4

फ्रेम के साथ काम करने के लिए अनुकूलित BCS का जवाब:

javascript:(function(){function f(e){var i,n,a;as=e.anchors;for(i=0;i<as.length;++i){a=as[i];n=a.name;a.appendChild(e.createTextNode('\u2693'+n));a.style.color='#fff';a.style.background='#666';a.style.borderRadius='5px';a.href='#'+n;}}if(window.frames.length)for(var i=0;i<window.frames.length;++i)f(window.frames[i].document);else f(document);})();