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 معا بفعالية بديلا للمطور ويب فايرفوكس الملحق (إذا كنت نتلهف لهما في المتصفحات الأخرى).
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”. لاستخدام بووكمركلت ، ببساطة انقر بالزر الايمن واختر "احفظ لينك". I would recommend placing them into a folder in the toolbar, so that any bookmarklet can be accessed with 2 clicks. أود أن أوصي وضعها في مجلد في شريط الأدوات ، بحيث أن أي بووكمركلت يمكن الوصول إليها مع 2 من النقرات. I find that to be the least-cluttered and easiest-to-use arrangement. أجد أن هذا هو أقل تشوش وأسهل للاستخدام الترتيب. Onto the bookmarklets then. على bookmarklets في ذلك الحين.
- Updated 07 July 2008: تحديث 07 يوليو 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 هتمل المصادقة : :
Validate the document that you are currently viewing. التحقق من صحة المستند الذي يتم عرضه حاليا. Great for on-the-fly validation checks while coding pages. يوم عظيم للذبابة الاختبارات التحقق من الصحة في حين الترميز صفحات. - W3C CSS Validator W3C المغلق المصادقة : :
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 نيتكرافت : :
Tells you server details of a site and displays uptime graph. يخبرك تفاصيل الخادم لموقع ويعرض الرسم البياني الجهوزية. - Replace with Alternate Text استبدال النص البديل : :
Useful to check for images that do not have alt tags. مفيدة للتحقق من الصور التي لا تملك العلامات البديلة. The downside is that it removes only <img> tags, leaving intact buttons and images created using CSS or sprites. الجانب السلبي هو أنه يزيل فقط <img>السمات ، تاركا الأزرار سليمة والصور التي تم إنشاؤها باستخدام المغلق أو العفاريت. - Alexa Snapshot Lookup لقطة بحث اليكسا : :
Look up your website details and snapshot at Alexa, a popular web metrics website. البحث عن التفاصيل الخاصة بك على الانترنت ولقطة في اليكسا ، وهي قياسات شعبية موقع على شبكة الإنترنت. - Whois Lookup بحث الهوإز : :
Lookup the WhoIs of the domain you are on. البحث عن الهوإز المجال كنت على. - 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): بدلا من ذلك لشركة آي إي) :
Lists colors used in the current webpage. قوائم الألوان المستخدمة في صفحة ويب الحالية.
Further Bookmarklet resources مزيد من الموارد بووكمركلت
You might also want to read through these collections of bookmarklets: قد ترغب أيضا في قراءة من خلال هذه المجموعات من bookmarklets :
- WebDev at Squarefree WebDev في Squarefree : :
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. معظمهم من تسرع او أتمتة المهام شائعة الاستخدام ، والتي بلا شك يساعد المصممين والمشروعات الإنمائية للغاية.
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 / test_styles # webdevel.html invaluable – I'll create a HTML document, and then using that bookmarklet I can shape the stylesheet in realtime. لا تقدر بثمن -- I'll إنشاء مستند أتش تي أم أل ، ومن ثم استخدام تلك بووكمركلت يمكنني شكل الأنماط في الوقت الحقيقي. It's also very handy for writing user 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. @ نيك ى : اقتراح ممتاز حول اختبار نمط بووكمركلت ، سيتم تحديث هذا المنصب قريبا.
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. "تحرير الموقع الحالي" هو بووكمركلت لطيفة ، لكنه يفتقر الى ما "لايف محرر موقع" بووكمركلت لهذا العرض.
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: @ ارنو لام :
That's a useful bookmarklet, and being persistent would likely be useful for many more web users. قد تكون هذه بووكمركلت مفيدة ، ويجري المستمرة من المحتمل أن تكون مفيدة لكثير من المستخدمين أكثر على شبكة الإنترنت. I will post the bookmarklet in a future post rounding up more useful bookmarklets – so thanks for the recommendation. سأقوم بعد أن بووكمركلت في المستقبل بعد إلقاء القبض على أكثر فائدة bookmarklets -- وذلك بفضل لهذه التوصية.