Subscribe to RSS feed आरएसएस फ़ीड की सदस्यता लें or या follow me मुझे का पालन करें on Twitter? पर चहचहाना?
Bookmarklets are bookmarks containing snippets of JavaScript code. Bookmarklets जावास्क्रिप्ट कोड के टुकड़े से युक्त बुकमार्क्स हैं. They can be used to accomplish specific tasks. वे विशिष्ट कार्यों को पूरा किया जा सकता है. Web developers can quicken several common operations by using bookmarklets. वेब डेवलपर्स bookmarklets का उपयोग करके कई आम अभियान तेज कर सकते हैं. Best of all, bookmarklets do not slow down your web browser like extensions do. क्या सभी के सर्वश्रेष्ठ, bookmarklets नीचे एक्सटेंशन की तरह अपने वेब ब्राउजर धीमी नहीं है. For example, some of these bookmarklets together can effectively substitute the Web Developer Firefox addon (if you crave for them in other browsers). उदाहरण के लिए, इन bookmarklets के कुछ एक साथ प्रभावी ढंग से वेब डेवलपर Firefox addon विकल्प (यदि आप अन्य ब्राउज़रों में उनके लिए याचना कर सकते हैं).
To save these bookmarklets, just right click on the link to the bookmark and save it into your bookmark folder OR drag the bookmarklets to your Bookmarks toolbar. Exception: The first three bookmarklets (first two list elements) are links to pages containing the bookmarklets, as I found them difficult to embed here. इन bookmarklets बचाने के लिए, बुकमार्क को लिंक पर बस ठीक क्लिक करें और उसे या अपने बुकमार्क उपकरण पट्टी में खींचें bookmarklets अपने बुकमार्क फ़ोल्डर में सहेजें. अपवाद: पहले तीन bookmarklets (पहले दो तत्वों की सूची) bookmarklets पन्नों के लिए लिंक कर रहे हैं, के रूप में मैं उन्हें मुश्किल यहाँ एम्बेड पाया.
To use a bookmarklet, simply right-click on it and choose “Bookmark Link”. एक bookmarklet, बस ठीक है, उस पर क्लिक करें और चुनें "चिन्हित करें लिंक का उपयोग करें." I would recommend placing them into a folder in the toolbar, so that any bookmarklet can be accessed with 2 clicks. मैं उन्हें उपकरण पट्टी में एक फ़ोल्डर में रखने की सिफारिश है, इसलिए होता है कि किसी भी bookmarklet 2 क्लिकों के साथ तक पहुँचा जा सकता है. I find that to be the least-cluttered and easiest-to-use arrangement. मैं देखता हूँ कि कम से कम-बरबाद और आसान करने वाली व्यवस्था का इस्तेमाल हो. Onto the bookmarklets then. Bookmarklets पर तो.
- Updated 07 July 2008: 07 July 2008 अद्यतन:
XRAY एक्सरे : :
See the box model for any element on web pages. वेब पन्नों पर किसी भी तत्व के लिए बॉक्स मॉडल देखें. - Test Styles टेस्ट शैलियाँ and और Edit Styles संपादित करें शैलियाँ : :
Test Styles gives you a new tab/window to type CSS rules for the original webpage. टेस्ट शैलियाँ आप एक नया टैब / प्रकार की खिड़की के मूल वेबपेज के लिए सीएसएस नियमों देता है. The styles are applied to the webpage immediately. शैलियों वेबपेज को तुरंत लागू कर रहे हैं. Edit Styles is similar, except that you start with the CSS styles for the page. शैली ऐसी ही है, संपादित करें, सिवाय इसके कि आप पृष्ठ के लिए सीएसएस शैलियों के साथ शुरू करते हैं. [thanks, [धन्यवाद, Nick निक ] ] - W3C HTML Validator W3C HTML Validator : :
Validate the document that you are currently viewing. मान्य दस्तावेज है कि आप वर्तमान में देख रहे हैं. Great for on-the-fly validation checks while coding pages. ग्रेट के लिए पर-सत्यापन जाँच उड़ान जबकि पृष्ठों कोडन. - W3C CSS Validator W3C सीएसएस Validator : :
Validate the CSS of the webpage that you are currently viewing. मान्य वेबपेज के सीएसएस है कि आप वर्तमान में देख रहे हैं. Useful for quick checks during CSS coding. सीएसएस कोडिंग के दौरान त्वरित जांच के लिए उपयोगी है. - Resize Viewport: आकार परिवर्तन Viewport: 800×600 800 × 600 , , 1024×768 1024 768 × , , 1280×1024 1280 1024 × and और 1600×1200 1600 1200 × : :
See how your web page looks like, in different resolutions. देखो कैसे अपने वेब पेज की तरह लग रहा है, विभिन्न प्रस्तावों में. Quickly switch between 800×600 to 1600×1200, the two extreme resolutions normally considered in web design. जल्दी से 800 × 600-1600 × 1200, दो चरम संकल्प सामान्य वेब डिजाइन में विचार के बीच स्विच करें. - View Cookies सारे कुकीज़ and और Toss Cookies टॉस कूकीज : :
View the cookies stored by the current page (using the first link). सारे कुकीज़ वर्तमान पृष्ठ द्वारा संग्रहित (पहली कड़ी का प्रयोग करके). Then toss the cookies that you wish to, by using the second link. तो कुकीज़ है कि आप चाहते हैं, तो दूसरी कड़ी का उपयोग करके टॉस. - NetCraft NetCraft : :
Tells you server details of a site and displays uptime graph. एक साइट को दिखाता है और uptime ग्राफ के तुम सर्वर विवरण बताता है. - Replace with Alternate Text वैकल्पिक पाठ के साथ बदलें : :
Useful to check for images that do not have alt tags. उपयोगी छवियाँ कि Alt टैग नहीं है के लिए जाँच करने के लिए. The downside is that it removes only <img> tags, leaving intact buttons and images created using CSS or sprites. नकारात्मक पक्ष यह है कि यह केवल हटा <img> टैग, अक्षत बटन और छवियों जा सीएसएस या sprites का उपयोग कर बनाया. - Alexa Snapshot Lookup Alexa स्नैपशॉट Lookup : :
Look up your website details and snapshot at Alexa, a popular web metrics website. अपनी वेबसाइट के विवरण और alexa, एक लोकप्रिय वेब वेबसाइट मेट्रिक्स में स्नैपशॉट देखो. - Whois Lookup Whois Lookup : :
Lookup the WhoIs of the domain you are on. Lookup डोमेन तुम पर हैं WhoIs. - Edit current website संपादित करें मौजूदा वेबसाइट : :
Edit the current page – add text, delete text, move web elements around etc. – all without the need for any other extension. वर्तमान पृष्ठ संपादित करें - पाठ जोड़ने के लिए, पाठ को हटाने के लिए, हिलना आदि के आसपास वेब तत्व - सभी किसी भी अन्य विस्तार की आवश्यकता के बिना. - Search selected text in Google गूगल खोज में चयनित पाठ : :
Although not strictly related to web design/development, Google searches can be useful to look up various terms and techniques in presentation and scripting languages. यद्यपि वेब डिजाइन / विकास, गूगल खोज के लिए प्रस्तुति और पटकथा भाषाओं में देखो विभिन्न नियमों और तकनीक उपयोगी हो सकता को कड़ाई से संबंधित नहीं है. - Image Drag छवि को खींचें : :
Drag and rearrange images seamlessly from within a page. खींचें और छवियों को एक पृष्ठ के भीतर से मूल पुनर्व्यवस्थित. - Grab screenshot पकड़ो स्क्रीनशॉट : :
Grab a screenshot of the page that you are viewing, without using any other installed application. पृष्ठ के एक स्क्रीनशॉट है कि आप देख रहे हैं किसी भी अन्य स्थापित अनुप्रयोग का उपयोग कर के बिना, ले लो. - Color List रंग सूची ( ( use this इस का उपयोग करें instead for IE): बजाय IE के लिए):
Lists colors used in the current webpage. सूची वर्तमान वेबपेज में प्रयुक्त रंग.
Further Bookmarklet resources इसके अलावा Bookmarklet संसाधन
You might also want to read through these collections of bookmarklets: तुम भी bookmarklets के इन संग्रह के माध्यम से पढ़ा करना चाह सकते हैं:
- WebDev at Squarefree Squarefree पर WebDev : :
A large collection of bookmarklets useful for web designers and developers. वेब डिजाइनर और डेवलपर्स के लिए उपयोगी bookmarklets के एक बड़े संग्रह. Maintained by Jesse Ruderman. जेसी Ruderman द्वारा बनाए रखा. - Useful bookmarklets for casual web users आकस्मिक वेब उपयोगकर्ताओं के लिए उपयोगी bookmarklets : :
A guest post that I wrote on DailyApps.net. एक मेहमान के बाद कि मैं DailyApps.net पर लिखा था. It lists useful bookmarklets for everyone. इसे सभी के लिए उपयोगी bookmarklets सूचीबद्ध करता है. Most of them speed up or automate commonly used tasks, which no doubt helps designers and devs too. उनमें से ज्यादातर को गति या आमतौर पर इस्तेमाल किया कार्य है, जो संदेह नहीं डिजाइनरों और devs भी मदद करता है स्वचालित.
As is usual with my resource posts, this list will be continuously updated as recommendations come in. के रूप में मेरे संसाधन पदों के साथ हमेशा की तरह है, इस सूची लगातार सिफारिशों को अंदर आने के रूप में अद्यतन किया जाएगा Contact us हमसे संपर्क करें to recommend bookmarklets. bookmarklets को सलाह देते हैं. Tell us what are your favorite bookmarklets – for web development or otherwise – I'm sure we can all benefit from new bookmarklets shared by others. हमें अपनी - वेब या अन्यथा विकास के लिए - मुझे यकीन है कि हम सभी नए दूसरों के द्वारा साझा bookmarklets से लाभ प्राप्त कर सकता हूँ पसंदीदा bookmarklets क्या कर रहे हैं.
Hello buddy!! हैलो दोस्त! i want to say that short but sweet link,you should also add differ browser list in which one can test his/her website by the way its good that you share it with us.Have a good day. मैं कहना है कि कम है लेकिन मिठाई जोड़ने के लिए, आप भी जोड़ ब्राउज़र सूची है, जिनमें से एक परीक्षण कर सकते हैं अलग करना चाहती हूँ उसकी / अपनी अच्छा तरीका है कि आप के साथ साझा एक अच्छा दिन us.Have द्वारा उसे वेबसाइट.
God bless you. भगवान तुम्हारा भला करे. Punne4e Punne4e
I find मैं खोज https://www.squarefree.com/bookmarklets/webdevel.html#test_styles https: www.squarefree.com / / / bookmarklets / webdevel.html # test_styles invaluable – I'll create a HTML document, and then using that bookmarklet I can shape the stylesheet in realtime. अमूल्य - मैं एक HTML दस्तावेज़ बनाते हैं, करेंगे और फिर उस bookmarklet का उपयोग मैं realtime में stylesheet आकार कर सकते हैं. It's also very handy for writing user stylesheets. यह भी उपयोगकर्ता stylesheets लिखने के लिए बहुत उपयोगी है.
This is pretty good, for those who are forced to do some work on the fly यह जो उड़ान पर कुछ काम करने को मजबूर कर रहे हैं के लिए बहुत अच्छा है,
@Nick Z: Excellent suggestion about style testing bookmarklet, will update the post soon. @ Z निक: शैली परीक्षण bookmarklet के बारे में बहुत अच्छा सुझाव है, के बाद जल्दी ही नवीनीकृत कर देगा.
Hi Sumesh, I just came across your blog. Sumesh हाय, मैं सिर्फ अपने ब्लॉग के पार आए. Good work. अच्छा काम करते हैं. Keep it up. इसे बनाए रखो. Will try to read all your future posts. सभी अपने भविष्य के पदों को पढ़ने की कोशिश करेंगे.
Just saw how useful these shortcuts can be in a post by QQT, bookmarked for future uses अभी देखा कि किस तरह उपयोगी इन शॉर्टकट QQT ने एक पोस्ट में, भविष्य के उपयोग के लिए बुकमार्क कर सकते हैं
The “Edit current website” is a nice bookmarklet, but lacks what the “Live Website Editor” bookmarklet has to offer. "संपादन चालू वेबसाइट" एक अच्छा bookmarklet है, लेकिन का अभाव है जो bookmarklet "लाइव वेबसाइट संपादक" के लिए प्रस्ताव दिया है.
Among other things, it can persist the modifications made to any webpages (at least it's its purpose). अन्य बातों के अलावा, यह किसी भी वेबपेज को बनाया संशोधनों के लागू हैं सकते हैं (पर वह अपने उद्देश्य है कम से कम).
You can find it here: आप यहाँ पा सकते हैं: http://code.google.com/p/lwe/ http://code.google.com/p/lwe/
It's still in an early version but it works on most of the websites. यह एक प्रारंभिक संस्करण में अब भी है लेकिन यह वेबसाइटों के अधिकांश पर काम करता है.
Cheers चीयर्स
@Arnaud L: @ Arnaud एल:
That's a useful bookmarklet, and being persistent would likely be useful for many more web users. यह एक उपयोगी bookmarklet है, जा रहा है और लगातार कई वेब उपयोगकर्ताओं के लिए उपयोगी होने की संभावना होती है. I will post the bookmarklet in a future post rounding up more useful bookmarklets – so thanks for the recommendation. मैं एक भविष्य पोस्ट में bookmarklet पोस्ट को और अधिक उपयोगी bookmarklets इकट्ठा - करेंगे तो सिफारिश के लिए धन्यवाद.