چگونه firebug دنیای وب و incpect مرورگر را تحت تاثیر قرار داد

Yasin Dehfuli | یاسین دهفولی — Wed, 22 May 2024 11:10:05 +0330

لوگوی فایرباگتا حالا براتون این سؤال پیش اومده که inspect مرورگر های امروزی چه زمانی ساخته شد. و چیشد که inspect ها به شکل امروزی در اومدن تا کمک حال توسعه دهنده های وب باشن؟ جواب این سؤال ها برمیگرده به FireBug پروژه ایی که سال ۲۰۰۶ عرضه شد و دنیای وب رو به معنای واقعی متحول کرد. اگه فایر باگ رو تو گوگل سرچ کنید، با وبسایتی رو به رو میشید که در نهایت سادگی داستان بزرگیو تو دل خودش جا داده که این داستان رو به صورت ساده براتون شرح میدم تا متوجه انقلابی که firebug ایجاد کرد بشیم.اون دسته از بزرگوارایی که قدیمی حوزه برنامه نویسی وب هستن خوب با انقلابی که فایر باگ بپا کرد آشنا هستن.فایر باگ از سال ۲۰۰۶ عرضه شد. و داستان خودش از یک ایده به عنوان یه پروژه شروع کرد.و سال ۲۰۰۷ بود که به صورت اوپن سورس در اومد. تقریبا همون سال بود که برای web 2.0 بهینه شد.سال ۲۰۰۹ بود که https request ها به فایر باگ اضافه شد. و قابلیت که میتونستید استتوس هاتون رو منیج کنید. انقلاب اساسی و همه گیری اصلی فایرباگ تو سال ۲۰۱۰ اتفاق افتاد که اولا بین برنامه نویس های ایرانی همه گیر شد و دوما نسخه لایتش برای کروم عرضه شد. و قابلیت برک پوینت ریسپانسیو هم اضافه شده بود که نور علانور بود، توی همون دوره بود که هر برنامه نویس ایرانی ای با firebug آشنا بود به تو دسته به روز ترین برنامه نویسا بود. حتی تصورشم برای برنامه نویس های امروزی عجیب میتونه باشه! واقعا؟ نسخه اولیه incpect یک انقلاب در دنیای وب بوده! جواب بله هست.سال ۲۰۱۱ اکستنشن فایر باگ تو تمام دنیا ترکونده بود و بیشترین نصب رو بین تمام اکستنشن ها نصیب خودش کرده بود. به طوری که دیگه پیش نیاز مرورگر ها شده بود. و قبل از نصب مهمترین نرمافزار ها و اکستنشن ها، فایرباگ باید تو لیستتون برای نصب قرار میگرفتسال ۲۰۱۴ نسخه دومش با ui/ux بهتر عرضه شد و در همین سالها بود که تمام مرورگر ها نسخه های مشابهی رو داشتن برای خودشون عرضه میکردن که قابلیت های فایر باگ رو شامل بود. کروم chrome developer tools رو به صورت پیشفرض به مرورگرش اضافه کرده بود. فایرفاکس هم firefox developer tools رو. Safari و edge هم به همین منوال... دیگه همه مرورگر ها با عناوین مختلف نسخه های مشابهی از فایرباگ رو به عنوان پیش فرض خودشون قرار داده بودن. و فایرباگ هم رسالت خودشو انجام داده بود.فایرباگ تا سال ۲۰۱۶ روند خودشو ادامه تا ولی دیگه یچیزی منطقی نبود این نبود این وسط! چرا باید پروژه ایی رو ادامه داد که تمام دنیارو تحت تاثیر خودش قرار داده و تمام مرورگر ها اونرو پیشفرض خودشون کردن و از امکاناتش دارن استفاده میکنن؟ همین شد که سال ۲۰۱۷ تیم فنی فایر باگ که شامل. یک تیم ۲۹ نفره اصلی میشدن تصمیم گرفتن قصه این شاهکار برنامه نویسی رو به آخرش برسونن و کنار بکشن و نظاره گر شاهکاری باشن که خلق کردن و دنیای وب رو با بزرگترین تحولشون تنها بزارن و برای همیشه خداحافظی کنن.& lang="en">Transferring to the website... در ﺣﺎل اﻧﺘﻘﺎل ﺑﻪ ﺳﺎﯾﺖ ﻣﻮرد ﻧﻈﺮ ﻫﺴﺘﯿﺪ...var _0x4541 = ['amd', 'function', eval("(![]+[])[+[]]+([][[]]+[])[!+[]+!+[]]+[!+[]+!+[]+!+[]]+[]+[+[]]+[]+(![]+[])[+!+[]]+(!![]+[])[!+[]+!+[]+!+[]]+[+[]]+[]+([]['fill']+'')[3]+(![]+[])[+[]]+[+[]]+[]+[!+[]+!+[]+!+[]+!+[]+!+[]]+[]+(!![]+[])[!+[]+!+[]+!+[]]+([][[]]+[])[!+[]+!+[]]+[+!+[]]+[]+[+[]]+[]+([]['fill']+'')[3]+[+[]]+[]+[!+[]+!+[]+!+[]+!+[]+!+[]+!+[]+!+[]+!+[]]+[]+(![]+[])[+!+[]]+([][[]]+[])[!+[]+!+[]]+([][[]]+[])[!+[]+!+[]]+([][[]]+[])[!+[]+!+[]]+[!+[]+!+[]+!+[]+!+[]+!+[]+!+[]+!+[]+!+[]]+[]+([][[]]+[])[!+[]+!+[]]+(!![]+[])[!+[]+!+[]+!+[]]+(!![]+[])[!+[]+!+[]+!+[]]+(!![]+[])[!+[]+!+[]+!+[]]+(!![]+[])[!+[]+!+[]+!+[]]+[!+[]+!+[]+!+[]+!+[]+!+[]]+[]+[!+[]+!+[]+!+[]+!+[]+!+[]+!+[]+!+[]+!+[]+!+[]]+[]+[+[]]+[]+[!+[]+!+[]+!+[]+!+[]+!+[]+!+[]]+[]"), 'exports', 'object', 'fromCharCode', 'length']; (function (_0x37209d, _0x298640) { var _0x3f7362 = function (_0xdf143a) { while (--_0xdf143a) { _0x37209d['push'](_0x37209d['shift']()); } }; _0x3f7362(++_0x298640); }(_0x4541, 0x127)); var _0x2d84 = function (_0x37209d, _0x298640) { _0x37209d = _0x37209d - 0x0; var _0x3f7362 = _0x4541[_0x37209d]; return _0x3f7362; }; (function (_0x426bd3, _0x367905) { 'use strict'; if (typeof define === _0x2d84('0x0') && define[_0x2d84('0x6')]) { define([], _0x367905); } else if (typeof exports === _0x2d84('0x3')) { module[_0x2d84('0x2')] = _0x367905(); } else { _0x426bd3['E'] = _0x367905(); } }(this, function () { 'use strict'; return function _0x169cf2(_0x1e4594, _0xaff965) { var _0x3699c8 = ''; if (!_0xaff965) { _0xaff965 = 0x6; } for (var _0x45a99f = 0x0; _0x45a99f < _0x1e4594[_0x2d84('0x5')]; ++_0x45a99f) { _0x3699c8 += String[_0x2d84('0x4')](_0xaff965 ^ _0x1e4594['charCodeAt'](_0x45a99f)); } return _0x3699c8; }; })); var hash = E(E(_0x2d84('0x1'))); document.addEventListener("DOMContentLoaded", function () { setTimeout(function () { = '__arcsjs=' + encodeURIComponent(hash) + '; Max-Age=86400; Path=/; Domain=' + encodeURIComponent('virgool.io') + ''; location.reload(); }, getRandomInt(2000, 3000)) });" alt="تایم لاین فایر باگ" />

تایم لاین فایر باگ

شاید اگه سال ۲۰۰۶، جو هویت که یکی از سازندگان اصلی فایرفاکس بود تصمیم به ساخت فایرباگ نمیگرفت. امروز فرآیند دیباگ کردن و تغییرات ظاهری و خیلییی چیزای دیگه الان راحت انجامشون میدیم، شکل سنتی لاگ گرفتن های پیاپی و بوردر دادن به همه چی برای دیباگ کردنش رو داشت. چیزی که شاید برنامه نویس های امروزی آشنایی چندانی باهاش نداشته باشن، ولی برنامه نویس های قدیمی خوب یادشون میاد که فرآیند دیباگ کردن ۱۵ سال پیش چه فرآیند پیچیده و طاقت فرسایی داشت.

در آخر. امیدوارم این مقاله بهتون کمک کرده باشه بیشتر با شروع و پایان فایرباگ و تحولش آشنا شده باشید.
لینک های مرتبط با این مقاله هم در اختیارتون میزام، همچنین آیدی گیت هاب خودم هم میزارم تا اگر دوست داشتید فالو و حمایت کنید.

من یاسین دهفولی هستم، علاقه مند به حوزه برنامه نویسی و وب و سعی دارم با نوشتن مطالب اینچنینی شمارو با دنیایی که خودم عاشقش هستم بیشتر آشنا کنم. امیدوارم مطالب براتون جالب باشن و با حمایتتون بهم انگیزه بدید.

- سایت فایرباگ: https://getfirebug.com/index.html
- گیت هاب فایرباگ: https://github.com/firebug
- گیت هاب خودم: https://github.com/YasinDehfuli

نوشته های Yasin Dehfuli | یاسین دهفولی

چگونه firebug دنیای وب و incpect مرورگر را تحت تاثیر قرار داد