Mozilla मध्ये लाइटवेट वेब डिझाइन टूल्स. Mozilla Firefox. अनुकूली मांडणीसह समस्या (एक बग ज्यामुळे कंपनीसाठी जवळजवळ भांडण झाले)

Mozilla Firefox 14 अधिकृतपणे "लेगेसी" ब्राउझर आहे, परंतु ज्यांना वेब डेव्हलपर म्हणून काम करणे, बातम्या ब्राउझ करणे किंवा फक्त ऑनलाइन चॅट करणे आवडते त्यांच्यासाठी डेस्कटॉपसाठी फायरफॉक्स 15 ला हॅलो म्हणा.

Firefox 15 मध्ये नवीन काय आहे

Firefox 15 Windows, Mac आणि Linux संगणकांसाठी उपलब्ध आहे.

आवृत्ती 14 वाईट नाही. सुधारणा सतत होत्या, परंतु हे प्रकाशन पूर्वीपेक्षा अधिक स्थिर आणि विचारशील वाटले. बार, फ्लॅश सर्वकाही चांगले काम केले. Mozilla हे यश मिळवू शकेल का? फायरफॉक्स 15 ब्राउझरची नवीन आवृत्ती कोणत्याही समस्यांशिवाय डाउनलोड आणि स्थापित केली जाऊ शकते, आपले बुकमार्क आणि डेटा गमावला जाणार नाही;

ओहो - नवीन मनोरंजक संधी! अनेक ऑनलाइन आणि बुकमार्क केलेले रिस्पॉन्सिव्ह वेब डिझाईन टूल्स असताना, हे ब्राउझरमध्ये थेट जोडणारा Mozilla हा पहिला विक्रेता आहे (मेनू > वेब डेव्हलपमेंट > रिस्पॉन्सिव्ह डिझाइन):

ठराविक ठरावांची श्रेणी निवडली जाऊ शकते किंवा तुम्ही (समजायला कठीण) आकार नियंत्रणे विंडोच्या तळाशी उजवीकडे ड्रॅग करू शकता. हे सोपे पण प्रभावी आहे. तुम्हाला तुमच्या संपूर्ण ब्राउझर विंडोचा आकार पुन्हा कधीही बदलावा लागणार नाही. आम्ही असे म्हणू शकतो की या साधनासह, फायरफॉक्स 15 वेब विकासकांसाठी ब्राउझर बनते.

लेआउट दृश्य निरीक्षक

पृष्ठावर जोडण्यासाठी विंडो लेआउट पहा इन्स्पेक्टर(मेनू > वेब डेव्हलपमेंट > इन्स्पेक्टर, नंतर तळाशी उजव्या कोपऱ्यातील निळ्या पट्टीवर क्लिक करा):

चित्र विंडोची रुंदी आणि उंची, पॅडिंग, किनारी आणि समास दाखवते. हे फायरबग आणि इतर अनेक ॲड-ऑन्समध्ये उपलब्ध असलेले वैशिष्ट्य आहे, परंतु फायरफॉक्स 15 स्थापित केल्यानंतर उपयुक्त आहे.

JavaScript डीबगर

फायरफॉक्सचे शेवटी स्वतःचे जावास्क्रिप्ट डीबगर आहे! (मेनू > वेब विकास > डीबगर):

Mozilla साठी योग्य सांगायचे तर, त्यांचा डीबगर एका दशकाहून अधिक काळापासून उपलब्ध आहे, परंतु काही वर्षांपूर्वी विकास थांबला. पुन्हा, फायरबगमध्ये डीबगिंग उपलब्ध आहे, परंतु मूळ पर्याय कदाचित जलद कार्य करेल - विशेषत: जर तुम्ही फक्त स्क्रिप्टिंगच्या समस्या हाताळत असाल.
दुर्दैवाने, डीबगर अद्याप कार्य करत नाही. तुम्ही टायमर फंक्शन आणि इव्हेंट हँडलर्सना ब्रेकपॉइंट लागू केल्यास हे उत्तम आहे, परंतु तुम्ही पेज रिफ्रेश करताच ते अदृश्य होते आणि सेटिंग्ज पुसून टाकते.
आम्ही फायरफॉक्स 16 मधील फंक्शन्सचे पुनरावलोकन करू - विशेषत: रिमोट मोबाइल डीबगिंग लागू केल्यामुळे.

शांत अद्यतन

फायरफॉक्स 15 हे नवीनतम अपडेट असू शकते जे प्रोग्राम अपडेट लाँच करण्यासाठी डाउनलोड करणे आवश्यक आहे. आतापासून, सर्व अद्यतने पार्श्वभूमीत होतील.
ही चांगली बातमी आहे: फायरफॉक्स वापरकर्ते नवीनतम आवृत्तीवर जलद आणि वेदनारहित अपग्रेड करण्यात सक्षम होतील. सिस्टम प्रशासक कमी आनंदी असू शकतात; नवीन आवृत्ती गंभीर अनुप्रयोग खंडित करू शकते - जरी स्वयंचलित अद्यतने बंद केली जाऊ शकतात.
हे अपडेट Google च्या अपडेटपेक्षा थोडे अधिक कार्यक्षम आहे, जे स्लो मशीनवर अपडेट होण्यासाठी 10 मिनिटे किंवा अधिक वेळ घेऊ शकतात.
Mozilla Firefox ब्राउझरचे मुख्य फायदे आहेत: नवीनतम वेब तंत्रज्ञान

फायरफॉक्स 14 मध्ये HTML5 आणि JavaScript

Mozilla एक नवीन PDF व्ह्यूअर लाँच करत आहे जो JavaScript, HTML5 कोणत्याही ॲड-ऑनशिवाय वापरतो आणि केवळ फायरफॉक्स 14 इंजिनद्वारे समर्थित आहे - Mozilla pdf.js. इनोव्हेशनमुळे आम्हाला जेएस इंजिन अपडेट करण्यासोबतच अंतर्गत पीडीएफ व्ह्यूअर विकसित आणि वेगवान करण्याची परवानगी मिळेल, ब्राउझरची कार्यक्षमता, स्थिरता आणि सुरक्षितता वाढेल. Mozilla pdf.js हे ॲड-ऑन म्हणून वापरले जाऊ शकते, परंतु ते संपूर्णपणे वेब तंत्रज्ञान वापरते, म्हणजेच ते केवळ वेब अनुप्रयोग म्हणून कार्यान्वित केले जाऊ शकते, ते मुक्त स्त्रोत आहे, म्हणून इच्छित असल्यास, ते वेबसाइट्समध्ये तयार केले जाऊ शकते, आणि फायरफॉक्स ब्राउझरची अंतिम आवृत्ती 14 pdf.js तंत्रज्ञान रिलीज झाल्यावर त्याचा अविभाज्य भाग बनेल.

वेबसाइट निर्माते आणि विकासकांना फायरफॉक्समधील नवीन वैशिष्ट्ये आवडतील. तुम्हाला प्रगत तंत्रज्ञान वापरून सामग्री आणि अनुप्रयोग तयार करण्यात स्वारस्य असल्यास, फायरफॉक्स ब्राउझरमध्ये तुमची सर्वोत्तम निवड असेल. अधिक जाणून घेण्यासाठी, प्रगत तंत्रज्ञान समर्थन तुलना चार्ट पहा.

फॉर्म अपडेट करत आहे

त्रासदायक वेब फॉर्म विकास प्रक्रिया भूतकाळातील गोष्ट बनवा. फायरफॉक्समध्ये समाकलित केलेली फॉर्म बिल्डिंग टूल्स, जसे की सूची विशेषता आणि HTML प्रमाणीकरण, तुम्हाला आवश्यक असलेली सर्व कार्यक्षमता देते.

WebM आणि HD फॉरमॅटमध्ये व्हिडिओ

HTML5 व्हिडिओला सपोर्ट करणाऱ्या पहिल्यांपैकी एक असल्याने, फायरफॉक्स आता नवीन WebM फॉरमॅटला सपोर्ट करते, जे तुम्हाला HD गुणवत्तेत व्हिडिओ पाहण्याची परवानगी देते.

पार्सर

फायरफॉक्समध्ये HTML5-तयार पार्सर समाविष्ट आहे. या पार्सरमध्ये अनेक नवीन वैशिष्ट्ये आहेत, विशेषत: नेस्टिंग, आणि स्वतःच्या प्रोसेसरवर पार्सिंग अल्गोरिदम चालवून कार्यप्रदर्शन सुधारते.

IndexedDB

फायरफॉक्समध्ये एक पूर्वावलोकन समाविष्ट आहे जे विकसकांना प्रथमच ब्राउझरच्या स्थानिक स्टोरेजसह प्रयोग करण्याची संधी देते.

पुढील पिढीचे ग्राफिक्स

त्यावर विश्वास ठेवायला हवा. आमच्या अद्ययावत ग्राफिक्स इंजिनबद्दल धन्यवाद, मजकूर आणि ग्राफिक्स प्रदर्शित करणे, यासह, पूर्वीपेक्षा अधिक जलद आणि अधिक अचूक आहे. फायरफॉक्स आपोआप प्रतिमांचे रंग समायोजित करते (जसे तुमचे डिजिटल फोटो) जेणेकरून तुम्हाला हवे तसे रंग दिसतील.

सुधारित फाइल API

फाइल अपलोड डायलॉग, .slice पद्धत आणि फाइल API साठी urls मध्ये .click() पद्धतीसाठी समर्थन जोडून, ​​फायरफॉक्सने विकासकांना सर्व्हरवर फाइल्स कशा अपलोड केल्या जातात हे अधिक चांगल्या प्रकारे सानुकूलित करण्याची क्षमता दिली.

CSS3 सह पृष्ठांची शैली करणे

नवीन CSS3 वैशिष्ट्यांसाठी समर्थन जसे की सीमा-त्रिज्या, बॉक्स-शॅडो आणि इतर संक्रमणे आणि परिवर्तने वेब पृष्ठांवर मोहक ॲनिमेशन जोडणे सोपे करते.

ऑडिओ API

फायरफॉक्स मीडिया इंटरनेटशी समाकलित करण्याचा मार्ग बदलत आहे. HTML5 सह, विकसक ऑडिओ डेटा वाचण्यासाठी आणि लिहिण्यासाठी सहजपणे JavaScript वापरू शकतात. आम्ही कच्च्या ऑडिओ डेटामध्ये प्रवेश प्रदान करतो जेणेकरून तुम्ही उत्कृष्ट ध्वनी प्रभाव तयार करू शकता!

मल्टी-सेन्सर समर्थन

फायरफॉक्सकडे आता Windows 7 मल्टी-टच तंत्रज्ञानासाठी अंगभूत समर्थन आहे, जे तुम्हाला तुमच्या ब्राउझरशी संवाद साधण्याचा पूर्णपणे नवीन मार्ग देते.

वेब कन्सोल

प्रगत तंत्रज्ञान वापरणाऱ्या वेबसाइट्सना कशामुळे प्रेरणा मिळते हे तुम्हाला जाणून घ्यायचे आहे का? या प्रायोगिक विश्लेषण साधनासह आपण डायनॅमिक वेब पृष्ठांच्या हुड अंतर्गत पाहू शकता.

सर्वकाही असूनही, Mozilla Firefox एक लोकप्रिय आधुनिक ब्राउझर आहे, ज्याची नवीन आवृत्ती जानेवारी 2010 मध्ये प्रसिद्ध झाली. नवीन आवृत्ती संकल्पनात्मकदृष्ट्या मागील आवृत्तीपेक्षा वेगळी आहे, नवीन कार्यक्षम इंजिन आहे, परिणामी, साइट लोडिंग गती वाढली आहे, प्रदर्शन गुणवत्ता सुधारली आहे, चांगल्या मानकांची सुसंगतता प्राप्त झाली आहे आणि इंटरफेस बदलला आहे. मोझीला विनामूल्य डाउनलोड करण्याची क्षमता ही ब्राउझरच्या पूर्णपणे नवीन स्तराचा अनुभव घेण्याची संधी आहे. "माझिला" आता रशियन भाषेत उपलब्ध आहे.

"मोझिला फायरफॉक्स"

Mozilla Firefox ने त्याचा इतिहास नेटस्केप नेव्हिगेटर ब्राउझरने सुरू केला. "ब्राउझर युद्ध" दरम्यान, नेटस्केप प्रकल्प Mozilla Firefox ब्राउझरमध्ये विकसित झाला. पारंपारिकपणे, Mozilla Firefox विनामूल्य डाउनलोड करणे शक्य होते. त्याच्या निर्मितीपासून, फायरफॉक्सचे स्वतःचे "कॉलिंग कार्ड" आहे - वापरण्यास सुलभ. एक साधा इंटरफेस हा ब्राउझरचा मुख्य फायदा आहे. हे लक्षात ठेवण्यासारखे आहे की नेटस्केप नेव्हिगेटरचा इंटरफेस सारखाच होता. मायक्रोसॉफ्ट ब्रँडेड पॅकेज केलेल्या उत्पादनांमुळे नंतरचे मार्केटमध्ये सर्वोत्तम स्थान आहे. मुक्तपणे वितरित Mozilla Firefox, जे विकसकाच्या वेबसाइटवर, अग्रगण्य Runet शोध इंजिनच्या पॅनेलमध्ये विनामूल्य डाउनलोड केले जाऊ शकते, ब्राउझरमध्ये आघाडीवर आहे, कारण त्याला इंटरनेट एक्सप्लोररसारखे शक्तिशाली समर्थन नाही.

ब्राउझर "माझिला फायरफॉक्स"

फायरफॉक्सच्या विस्तृत क्षमता चांगल्या स्तरावरील सुरक्षिततेने पूरक आहेत, जे ActiveX नियंत्रणे देखील नियंत्रित करते आणि वैयक्तिक डेटा व्यवस्थापित करते. तुम्ही Mozilla मोफत डाउनलोड करू शकता आणि शोध बारजवळ असलेला स्मार्ट शोध, तसेच स्मार्ट इंटरनेट ॲड्रेस इनपुट लाइन वापरू शकता. तुम्ही "माझीला" विनामूल्य डाउनलोड करू शकता आणि कनेक्शन खंडित झाल्यानंतर डाउनलोड करता येणारे ॲप्लिकेशन्स आणि फाइल्स डाउनलोड करण्यासाठी जलद यंत्रणा तसेच अनेक सोयीस्कर नियंत्रणे आणि पर्यायांचा लाभ घेऊ शकता.

आणि मजिला फायरफॉक्सच्या फायद्यांबद्दल अधिक:

• शोध इंजिनांपैकी एकाच्या शोध डेटाबेसमध्ये समाकलित केलेले एक विशेष शोध पॅनेल. प्लगइन स्थापित करताना, आपण डाउनलोड पृष्ठावरील शोध इंजिनची संख्या विस्तृत करू शकता;
• Mozilla Firefox मोफत डाउनलोड करण्याची क्षमता बुकमार्क, टॅब आणि सुरक्षित नेव्हिगेशनसह विकसित इंटरफेस वापरण्याची संधी देते;
• Mozilla Firefox ब्राउझर गोपनीयतेच्या समस्यांचा शक्य तितका आदर करण्यासाठी तसेच दुर्भावनापूर्ण सॉफ्टवेअर, स्पायवेअर आणि ब्लॉक पॉप-अपपासून संरक्षण करण्यासाठी अशा प्रकारे डिझाइन केले आहे;
• Mozila ब्राउझर वेब पृष्ठांच्या उच्च-गुणवत्तेच्या स्केलिंगची हमी देतो;
• मजिला ब्राउझर डाउनलोड करण्याची क्षमता प्लगइनद्वारे विस्तारित उपाय सुचवते;
• ब्राउझर RSS बातम्या निर्यातीला समर्थन देतो.

Mozilla समुदायाने या वर्षी फायरफॉक्स ब्राउझरच्या विकासासाठी प्राथमिक योजनेचे अनावरण केले आहे. सर्व प्रथम, वेब ब्राउझरच्या नवीन स्थिर आवृत्त्यांसाठी मोझीला रिलीझ शेड्यूलची गती वाढवण्याची योजना आखत आहे, कॉम्प्युलेंट रिसोर्सने अहवाल दिला आहे.

अशा प्रकाशनांमधील बदल आणि सुधारणांची संख्या कमी असेल, परंतु ते अधिक वेळा सोडले जातील. फायरफॉक्स 4 च्या बाबतीत, ज्याची घोषणा नोव्हेंबरमध्ये होणार होती, परंतु नंतर 2011 च्या पहिल्या तिमाहीत पुढे ढकलण्यात आली होती त्याप्रमाणे या दृष्टिकोनामुळे विलंबांची समस्या सोडवणे अपेक्षित आहे.

या वर्षी सोडवण्याची योजना असलेल्या प्रमुख कार्यांपैकी, Mozilla 50 ms च्या आत वापरकर्त्याच्या क्रियांना हमी ब्राउझर प्रतिसाद सुनिश्चित करणे, आधुनिक ऑपरेटिंग सिस्टमसाठी समर्थन लागू करणे, वापरकर्ता इंटरफेस ऑप्टिमाइझ करणे आणि विविध प्रकारचे अनुप्रयोग चालविण्यासाठी एकच प्लॅटफॉर्म विकसित करणे हे हायलाइट करते. याव्यतिरिक्त, कोणत्याही ब्राउझरमध्ये अपयश आल्यास वापरकर्त्याच्या डेटाची सुरक्षितता सुनिश्चित करण्याचा Mozilla चा हेतू आहे.

Firefox 4 व्यतिरिक्त, या वर्षी Mozilla ने ब्राउझरची पाचवी, सहावी आणि सातवी आवृत्ती रिलीज करण्याची अपेक्षा केली आहे.

फायरफॉक्स 5 मध्ये अकाउंट मॅनेजर, इंटरफेस ॲनिमेशन, 64-बिट सिस्टीमसाठी सपोर्ट इत्यादी वैशिष्ट्यांची अपेक्षा आहे. फायरफॉक्स 6 मध्ये, प्रोग्रामरचे प्रयत्न कॅशे आणि जावास्क्रिप्ट इंजिन ऑप्टिमाइझ करण्याच्या उद्देशाने असतील.

फायरफॉक्स 4.0 च्या रिलीझपूर्वी वचन दिल्याप्रमाणे, फायरफॉक्स 5 ब्राउझरची अंतिम बिल्ड कदाचित 21 जून 2011 रोजी रिलीज केली जाईल. Mozilla तज्ञांनी प्रकाशित केलेल्या शेड्यूलद्वारे याची अप्रत्यक्षपणे पुष्टी केली जाते, त्यानुसार या ब्राउझरच्या विकासामध्ये चार प्रमुख टप्पे समाविष्ट असतील जे इंटरनेट ब्राउझर कोड डीबग करण्याच्या सर्व टप्प्यांचे स्पष्टपणे नियमन आणि वेळ-मर्यादा करतात. प्रकाशित योजना मसुदा आवृत्तीमध्ये सादर केली गेली आहे, त्यामुळे त्यात काही समायोजने दिसू शकतात.

म्हणून, त्यानुसार, 2011 च्या अखेरीस आमच्याकडे फायरफॉक्स 5, 6 आणि 7 आवृत्ती असायला हवी. प्रत्येक नवीन फायरफॉक्स रिलीझला रिलीझ होण्यापूर्वी तीन मुख्य टप्पे पार करावे लागतील - mozilla-central (जसे Chrome साठी कॅनरी चॅनेल), mozilla-aurora (Dev चॅनेल) आणि mozilla-beta, यापैकी प्रत्येकी सहा आठवडे चालतील.

या नियमाला पहिला आणि (आतापर्यंत) एकमेव अपवाद फायरफॉक्स 5 आहे, तो mozilla-सेंट्रल स्टेजमध्ये फक्त तीन आठवड्यांसाठी आणि अरोरा आणि बीटा स्टेजमध्ये 5 आठवड्यांसाठी अस्तित्वात असेल. फायरफॉक्स 5 सध्या सेंट्रल मोडमध्ये आहे, रात्रीची बिल्ड आधीच डेव्हलपर आणि उत्साही लोकांसाठी उपलब्ध आहे आणि ती लवकरच अरोरा टप्प्यात (12 एप्रिलपासून) प्रवेश करेल. जर सर्व काही योजनेनुसार चालले तर, आम्ही 17 मे रोजी फायरफॉक्स बीटा 5 मिळवू शकू, 21 जून रोजी अंतिम प्रकाशनासह.

Firefox 5 मध्ये मल्टी-टॅब कार्यक्षमतेसह सुधारित वापरकर्ता इंटरफेस, एकात्मिक पीडीएफ व्ह्यूअर आणि सुधारित खाते व्यवस्थापन प्रणाली असेल. ब्राउझरमध्ये साधने समाविष्ट करण्याचे देखील नियोजित आहे जे सोशल नेटवर्क्ससह प्रोग्रामचे एकत्रीकरण सुनिश्चित करेल.

लेखकाकडून:निःसंशयपणे, गेल्या पाच वर्षांत, Google Chrome डेस्कटॉप आणि (स्पष्टपणे) मोबाइल वापरकर्त्यांसाठी ब्राउझर युद्धांमध्ये प्रबळ शक्ती बनले आहे. दुसरीकडे, विकसक तांत्रिकदृष्ट्या अधिक जाणकार आणि अधिक सुरक्षिततेबद्दल जागरूक असतात, म्हणूनच ते फायरफॉक्सला प्राधान्य देतात. सर्व सुरक्षा-केंद्रित OS वितरणांमध्ये क्रोमियम ब्राउझरऐवजी फायरफॉक्सचा समावेश आहे, जरी नंतरचे देखील मुक्त स्रोत आणि पूर्णपणे विनामूल्य आहे.

आमच्यासाठी सुदैवाने, वेब मानकांचे पालन करणे म्हणजे डेव्हलपर जे ब्राउझर वापरतात ते बहुतांश भाग, बहुतेक सरासरी वापरकर्ते वापरत असलेल्या ब्राउझरशी सुसंगत असतात. आणि हे खूप महत्वाचे आहे, कारण फायरफॉक्ससाठी विकसित केलेली प्रत्येक गोष्ट 99% प्रकरणांमध्ये Chrome मध्ये कार्य करेल. बहुतेक विकसकांसाठी IE यापुढे प्राधान्य नाही. हे जुने आहे आणि इतर ब्राउझर लोड करण्यासाठी वापरले जाते. एजला आता कोणीही गांभीर्याने घेत नाही.

फायरफॉक्स फक्त त्याच्या सुरक्षिततेसाठी आणि गोपनीयतेसाठी आवडत नाही. फायरफॉक्स हा नेहमीच एक समुदाय-चालित प्रकल्प राहिला आहे (जरी विकिपीडियासह, "समुदाय" थोडासा अहंकारी झाला आहे). वापरकर्त्याच्या अनुभवाची गुणवत्ता सुधारणे हे समुदाय विकास मॉडेलचे हृदय आहे. दुसऱ्या मार्गाने सांगायचे तर, समुदाय-चालित प्रकल्प अनेकदा वापरकर्त्यांच्या गरजा प्रथम ठेवतात. कॉर्पोरेट प्रकल्प कॉर्पोरेट गरजांना प्राधान्य देतात. विकसकांसाठी, याचा अर्थ असा आहे की त्यांचे कार्य सुलभ करण्यासाठी ऑनलाइन अनेक विनामूल्य साधने उपलब्ध आहेत. बहुतेक भागांसाठी, ही साधने बहुतेक सशुल्क पर्यायांपेक्षा खूपच हलकी असतात.

थिंबल

Thimble हे प्रामुख्याने HTML शिकण्यासाठी डिझाइन केलेले आहे. यात संपूर्ण एचटीएमएल आणि सीएसएस एडिटर आहे, जे सर्व्हरवर फाइल अपलोड करण्यासाठी जलद उपाय शोधण्यासाठी आणि अंतिम एचटीएमएल कॉपी करण्यासाठी हे अत्यंत उपयुक्त साधन बनवते. हे CPanel मधील कोड एडिटरपेक्षा चांगले कार्य करते कारण ते काही अतिरिक्त करत नाही आणि मजकूरातील प्रत्येक अपॉस्ट्रॉफीला रेषा विभाजक म्हणून ओळखत नाही.

JavaScript. जलद सुरुवात

इंटरफेस दोन पॅनेलमध्ये विभागलेला आहे. डीफॉल्टनुसार, कोड पॅनेल डावीकडे स्थित आहे, पूर्वावलोकन पॅनेल उजवीकडे आहे. तीन पाहण्याचे मोड उपलब्ध आहेत:

मोबाइल दृश्य;

पूर्ण स्क्रीन दृश्य.

तिसऱ्या व्ह्यू मोडमध्ये, तुम्ही मानक व्ह्यू मोडवर परत येईपर्यंत कोड पॅनेल तात्पुरते लपलेले असते, जे बटण दाबून करणे सोपे असते. स्वयंचलित पुनरावलोकन डीफॉल्टनुसार सक्षम केले जाते आणि कोड टाइप केल्याचे परिणाम दर्शविते. ते विचलित करत असल्यास, तुम्ही ते बंद करू शकता. स्वयंचलित पूर्वावलोकन रिअल टाइममध्ये CSS शैली देखील दर्शवू शकते. तुम्ही सामग्रीचा एक ब्लॉक तयार केल्यास आणि नंतर त्यात शैली जोडल्यास, तुम्ही वेगवेगळ्या लूकसह सहज प्रयोग करू शकता.

इतर ऑनलाइन संपादकांप्रमाणे, येथे बाह्य फाइल्स कनेक्ट करणे सोपे आहे. आपण स्टोरेजसाठी फोल्डर्सची संपूर्ण झाडे देखील तयार करू शकता. प्रवासादरम्यान पृष्ठे किंवा वेबसाइट अद्यतने द्रुतपणे तयार करण्यासाठी हे सर्व थिंबल हे माझे आवडते साधन बनवते.

गैरसोय स्पष्ट आहे - साधनाला नेटवर्क कनेक्शन आवश्यक आहे (जोपर्यंत, अर्थातच, आपण स्थानिक सर्व्हरवर थिंबल प्लॅटफॉर्म क्लोन करू शकत नाही). दुसरा दोष असा आहे की तुम्ही तुमचे व्यावसायिक प्रकल्प त्यावर प्रकाशित करू शकत नाही, कारण प्लॅटफॉर्म व्यावसायिकांसाठी डिझाइन केलेले नाही.

त्याऐवजी, तुम्ही HTML कोड कॉपी करू शकता आणि तो CPanel मधील कोड एडिटरमध्ये किंवा टेक्स्ट फाइलमध्ये पेस्ट करू शकता आणि नंतर तो तुमच्या सर्व्हरवर सेव्ह करू शकता. फाइल ट्री पूर्णपणे जतन केली जाईल.

बहुतेक Mozilla प्रकल्पांप्रमाणे, Thimble चे दस्तऐवजीकरण खूपच विरळ आहे, विशेषत: तुम्ही काय करू शकता आणि काय करू शकत नाही. ऑनलाइन डेव्हलपमेंट सोल्यूशन्स वापरणाऱ्या प्रत्येक वेब मॅनेजरने तसे केले पाहिजे, तरीही डेव्हलपर तुम्ही वापराच्या अटी वाचण्याची अपेक्षा करतात, जे एक संशयास्पद गृहीतक आहे.

वापराच्या अटींमध्ये एक अतिशय महत्त्वाचा भाग आहे जिथे ते असे म्हणतात की तुम्ही Mozilla ला तुम्ही त्यांच्या प्लॅटफॉर्मवर प्रकाशित करता त्या प्रत्येक गोष्टीसाठी विनामूल्य परवाना द्या आणि इतरांना तुमचे उत्पादन पुन्हा वापरण्यासाठी आणि संपादित करण्यासाठी तुमची संमती देखील द्या. अर्थात, यानंतर तुम्हाला तुमचे व्यावसायिक प्रकल्प या प्लॅटफॉर्मवर प्रकाशित करायचे नाहीत.

एक्स-रे गॉगल्स

मुलांना नेहमीच क्ष-किरण चष्मा घ्यायचा असतो, परंतु दुर्दैवाने अशी तंत्रज्ञाने (किमान ते प्रत्यक्षात काम करतात) सामान्य मुलांसाठी खूप महाग आहेत. Mozilla चे X-Ray Goggles तुम्हाला शाळेतील परिचारिका तिच्या बाह्य कपड्यांखाली काय घालते किंवा स्कॉटिश माळीने त्याच्या कपड्याखाली काय आहे हे दाखवणार नाही, परंतु या साधनाद्वारे तुम्ही वेब पृष्ठ कसे कार्य करते ते पाहू शकता आणि ते कार्य करण्यासाठी कोड संपादित करू शकता. - दुसऱ्याला. हे कोणत्याही प्रकारच्या विकृतीपेक्षा खूपच थंड आहे, बरोबर?

व्यावसायिक दृष्टीकोनातून साधनाचा प्राथमिक उद्देश म्हणजे सँड मॉडेलिंग हे तात्काळ बदल न करता विद्यमान डिझाइनमधील बदलांची चाचणी घेणे आहे. सर्व काही अगदी सोपे आहे, स्थापित करण्यासाठी, फक्त X-Ray Goggles बटण बुकमार्क बारवर ड्रॅग करा. सक्रिय करण्यासाठी, बटण दाबा, बाहेर पडण्यासाठी, ESC दाबा.

वेबमेकर

बहुतेक विकसकांसाठी सर्वात उपयुक्त साधन नाही कारण ते केवळ Android साठी डिझाइन केलेले आहे. वेबमेकर जवळजवळ काहीही ऑफर करत नाही जे सोशल नेटवर्क्सवर आढळू शकत नाही. Mozilla ने बऱ्यापैकी उपयुक्त ऑनलाइन व्हिडिओ एडिटर (पॉपकॉर्न) सोडून दिले आणि ते या साधनाने बदलले. वेबमेकर नवशिक्यांसाठी योग्य आहे कारण तो मोबाइल-प्रथम डिझाइन दृष्टिकोन वापरतो जो आधुनिक वेबसाइटसाठी आवश्यक बनला आहे.

तथापि, केवळ मोबाइल पायाभूत सुविधांसाठी विकासाशी निगडित मर्यादांमुळे तज्ञ गोंधळून जातील. हे साधन प्रामुख्याने किशोरांना Mozilla ब्रँडकडे आकर्षित करण्याच्या उद्देशाने आहे आणि शिक्षकांना शांत दिसण्यात मदत करणे (त्यांना मोबाईल वेब डेव्हलपमेंटची भाषा शिकवणे) हे देखील उद्दिष्ट आहे.

गोंधळात टाकणारी आणखी एक समस्या अशी आहे की हे आणखी एक ॲप आहे जे डिव्हाइसवर जागा आणि संसाधने घेते. Android ला पटकन मेमरी भरण्याची सवय आहे आणि बहुतेक वापरकर्ते सोडल्यानंतर ॲप्स बंद करत नाहीत कारण Google ने काहीही अंतर्ज्ञानी किंवा साधे बंद करण्यासाठी इंटरफेस बनवण्याची तसदी घेतली नाही. परिणामी, बहुतेक अँड्रॉइड स्मार्टफोन्स काही महिन्यांनंतर मंद होऊ लागतात आणि लोक ते बदलतात किंवा मोकळ्या जागेच्या कमतरतेबद्दल सतत तक्रार करतात.

संपादक

संपादक हे Mozilla च्या डेव्हलपर पॅनेलचे आजोबा आहेत आणि त्यांना मूलतः संगीतकार म्हटले जायचे. कम्पोझरच्या वंशज असलेल्या कोम्पोझरशी गोंधळ होऊ नये म्हणून नाव बदलले असावे. KompoZer आधी Nvu होते आणि ते दोघेही HTML5 ला सपोर्ट करत नसल्यामुळे तुम्हाला ते वापरायचे नाही. तुम्ही KompoZer चा सावत्र भाऊ BlueGriffon वापरून पाहू शकता. हे HTML5 ला सपोर्ट करते. तथापि, जर तुम्ही प्लगइनसाठी पैसे दिले तरच तुम्हाला CSS संपादक मिळेल. Nvu चा संभाव्य अपवाद वगळता ही सर्व साधने अजूनही वापरण्यायोग्य आहेत. संपादक/संगीतकार अजूनही Mozilla SeaMonkey ब्राउझरमध्ये उपलब्ध आहे.

स्क्रॅचपॅड

JS कोड लिहिण्यासाठी आणि चाचणी करण्यासाठी एक साधन. कन्सोल तुम्हाला एका वेळी स्क्रिप्टची एक ओळ कार्यान्वित करण्याची परवानगी देते, जे तुमच्या पर्यायांना मोठ्या प्रमाणात मर्यादित करते. त्याच वेळी, आपण स्क्रॅचपॅडमध्ये आपल्याला पाहिजे तितक्या ओळी प्रविष्ट करू शकता. कोणत्याही फायरफॉक्स टॅबमध्ये Shift + F4 दाबून सक्रिय केले.

साध्या इंटरफेससह मजकूर संपादक विंडो उघडेल. तुम्ही विद्यमान स्क्रिप्ट उघडू शकता, त्या संपादित करू शकता आणि सेव्ह करू शकता. तुम्ही नवीन स्क्रिप्ट देखील तयार करू शकता. एडिटरमध्ये एंटर केलेल्या कमांडची स्वयं-पूर्णता अंगभूत आहे. कमांड सिंटॅक्सवर दस्तऐवजीकरण देखील आहे. तुम्ही निवड वापरून संपूर्ण स्क्रिप्ट किंवा त्यातील काही भाग चालवू शकता.

JavaScript. जलद सुरुवात

वेब ऍप्लिकेशन कसे तयार करायचे याचे हँड्स-ऑन उदाहरणासह JavaScript च्या मूलभूत गोष्टी जाणून घ्या.

रिस्पॉन्सिव्ह डिझाईन मोड

हे वैशिष्ट्य थेट Firefox मध्ये तयार केले आहे (हे Chromium आणि Google Chrome मध्ये देखील उपलब्ध आहे). त्याच्या मदतीने, तुम्ही एकाच स्क्रीनवर वेगवेगळ्या रिझोल्यूशनवर पेज लेआउट तपासू शकता. साधन परिपूर्ण नाही (सर्व ब्राउझरसाठी), परंतु ते साइटचे समान प्रदर्शन तपासण्यासाठी बऱ्याच परिस्थितींसाठी कार्य करेल. फायरफॉक्समधील ॲडॉप्टिव्ह मोड फक्त Ctrl + Shift + M दाबून सक्रिय केला जातो. तो पुन्हा दाबून तुम्ही सामान्य मोडवर परत येऊ शकता.

तुम्ही लेआउटच्या वर असलेल्या बटणांची मालिका वापरून लेआउट बदलू शकता. डावीकडील पहिले बटण "खिडकी बंद करा" सारखेच आहे, तुम्ही ते अडॅप्टिव्ह मोडमधून बाहेर पडण्यासाठी वापरू शकता. पुढे एक ड्रॉप-डाउन सूची आहे जिथे तुम्ही परवानगी टेम्पलेट निवडू शकता, एक नवीन सेट करू शकता किंवा (शिफारस केलेले नाही) सूचीमधून विद्यमान परवानगी टेम्पलेट काढू शकता. ड्रॉप-डाउन सूचीच्या उजवीकडे पोर्ट्रेट आणि लँडस्केप मोडमध्ये स्विच करण्यासाठी एक बटण आहे. पुढील स्क्रीन टच इव्हेंट्सचे अनुकरण करण्यासाठी एक बटण आहे. शेवटचे बटण स्क्रीनशॉट घेते.

फायरफॉक्सच्या काही आवृत्त्या तुम्हाला पिक्सेल गुणोत्तर सेट करण्याची परवानगी देतात, परंतु हे किती चांगले कार्य करते ते तुमच्या डिव्हाइसवरील पिक्सेल प्रमाणावर अवलंबून असते. प्रतिसादात्मक लेआउट पाहण्यासाठी अंगभूत पद्धतींव्यतिरिक्त, इतरही आहेत. आता आम्ही तुम्हाला दाखवू.

वेब डेव्हलपर टूल्स एक्स्टेंशन

हे साधन Mozilla मध्ये डीफॉल्टनुसार उपलब्ध नाही, हे फायरफॉक्ससाठी क्रिस पेडरिकचे विस्तार आहे. विस्तार तुमच्या सर्व गरजा पूर्ण करण्यासाठी साधनांची प्रचंड श्रेणी पॅक करतो. त्यासह आपण हे करू शकता:

काहीतरी चालू आणि बंद करा;

कुकीज नियंत्रित करा;

पृष्ठ CSS बदला;

पृष्ठावरील फॉर्म फील्ड बदला;

पासवर्ड सारख्या फील्डमधून मुखवटे काढा;

प्रतिमांबद्दल तपशीलवार माहिती काढा;

DOM घटकांचे परीक्षण करा;

घटकांवर जोर द्या;

स्क्रीन आकार बदला;

अंगभूत पद्धतींपेक्षा प्रतिसाद मोडमध्ये लेआउट अधिक चांगले पहा;

आणि बरेच काही.

या विस्ताराचे वर्णन करण्याचा सर्वात सोपा मार्ग म्हणजे हा विकास साधनांचा स्विस आर्मी चाकू आहे. आपल्याला आवश्यक असलेल्या जवळजवळ प्रत्येक गोष्टीत हे चांगले आहे, परंतु आपल्याला त्यांची आवश्यकता होईपर्यंत सर्व साधने लपविली जातात. तुम्ही संदर्भ मेनूमधील उजवे माऊस बटण वापरून त्यामध्ये प्रवेश करू शकता आणि एक टूलबार देखील आहे. टूलबार जास्त चांगला आहे.

फायरफॉक्स डेव्हलपर टूल्स

फायरबगची बरीच कार्यक्षमता आता अंगभूत विकासक पॅनेलमधून थेट उपलब्ध आहे, ज्यामध्ये कन्सोल देखील समाविष्ट आहे. पॅनेल समान आहे आणि Chromium आणि Google Chrome मधील पॅनेलप्रमाणे कार्य करते. इंटरफेस अज्ञानी आहे आणि तुम्ही सर्व फंक्शन्समध्ये प्रभुत्व मिळवता आणि समजून घेता, तुमच्याकडून खूप चुका होतील.

अननुभवी वापरकर्त्यांना फंक्शन्सपैकी एक लक्षात येऊ शकत नाही - कन्सोलच्या तळाशी जेएस कमांड लाइन, ती कोणत्याही प्रकारे चिन्हांकित केलेली नाही. हे क्रोमियम/क्रोम आवृत्त्यांपेक्षा चांगले कार्य करते, परंतु त्यांची अंमलबजावणी, जी थेट कन्सोलमध्ये ब्लिंकिंग कर्सर जोडते, ते अधिक स्पष्ट आहे.

मापन विस्तार

इयान मॅकिंटॉशचा उत्कृष्ट स्क्रीन रुलर स्थापित करणे सोपे आहे, परंतु केविन फ्रीटासच्या मेजरिट विस्ताराचा एक फायदा आहे. ते एकाच वेळी रुंदी आणि उंची मोजू शकते आणि ते अधिक अचूक आहे. ब्राउझर विंडोमध्ये काहीही मोजण्यासाठी उपयुक्त साधन. हे साधन फायरफॉक्सच्या काही आवृत्त्यांमध्ये कार्य करत नाही, हे इतर विस्तारांसह संघर्षामुळे असू शकते. स्थापित करण्यापूर्वी विस्तार अक्षम करण्याचा प्रयत्न करा.

कलरझिला एक्स्टेंशन आणि आयड्रॉपर

प्रत्येक डिझायनरकडे दोन्ही किंवा एक साधने असणे आवश्यक आहे, कारण त्यांच्या मदतीने आपण ब्राउझरमध्ये कोणत्याही पिक्सेलचा रंग पटकन शोधू शकता. तुम्ही GColor देखील वापरू शकता - एक Gnome टूल जे तेच काम करते, परंतु त्यात फक्त ब्राउझरच नाही तर कोणत्याही विंडोमधून रंग नमुना मिळवण्याची क्षमता आहे. GColor पेक्षा ColorZilla आणि Eyedropper चा फायदा असा आहे की ते रंग ज्या पिक्सेलमधून काढला जातो त्याचे मोठे दृश्य दाखवतात.

आयड्रॉपर आयकॉनवर क्लिक करून टूल सक्रिय केले जाते, त्यानंतर कर्सर क्रॉस (कलरझिला) किंवा मोठ्या भिंग (आयड्रॉपर) च्या रूपात पॅटर्नमध्ये बदलतो. तुमचा कर्सर विंडोवर फिरवा आणि तुम्हाला कोणता रंग मिळवायचा आहे तो पिक्सेल शोधा. क्लिपबोर्डवर रंग कॉपी करण्यासाठी लेफ्ट-क्लिक करा (हेक्स फॉरमॅटमध्ये), त्यानंतर विस्तार आपोआप बंद होईल.

हे फक्त सहाय्यक आहेत, ते तुमच्यासाठी सर्व काही करणार नाहीत.

तुम्ही अजूनही डेव्हलपर आहात, तुम्हाला अजूनही तुमच्या जबाबदाऱ्या पार पाडण्याची गरज आहे. ही साधने, योग्यरित्या वापरल्यास, गोष्टी सुलभ करतात. ते अनेक प्रकारे मदत करू शकतात आणि बहुतेक लोकांसाठी, Mozilla च्या सर्वोत्तम हेतू असूनही, त्यापैकी काही पूर्णपणे निरुपयोगी आहेत. इतर ऑनलाइन साधने आहेत जी या लेखात वर्णन केलेल्यांपेक्षा चांगली आहेत, परंतु ही सामान्यतः वापरण्यासाठी सर्वोत्तम साधने आहेत. काहीवेळा हे जाणून घेणे चांगले आहे की Mozilla कडून एक विनामूल्य साधन आहे जे आपण गरज पडल्यास वापरू शकता.

आज 13 फेब्रुवारी 17. कथा तीन दिवसांपूर्वी सुरू झाली. प्रत्यक्षात समस्या खालीलप्रमाणे दिसून आली. एक कॅरोसेल आहे (हा एक प्रकारचा स्लाइडर आहे), R&K कंपनीच्या लेआउट डिझायनरला विनंती प्राप्त झाली की कॅरोझेल अनुकूल नाही, म्हणजे. जेव्हा ब्राउझर विंडो त्याच्या रुंदीमध्ये बसण्यासाठी संकुचित केली जाते तेव्हा अपेक्षेप्रमाणे संकुचित होत नाही. फायरफॉक्स v50.1.0 32-बिट, Win7 32-बिट मध्ये बग आढळला. त्याच वेळी, दुसऱ्या दिवशी, ग्राहकाकडून एक विचित्र फोन कॉल आला, सर्व काही कार्य करत असल्याचा संदेश आणि त्वरित प्रतिसादाबद्दल कृतज्ञता. कारण कोणीही लेआउटकडे अजिबात पाहिलं नाही, म्हणून लोकांनी गोंधळात पडून शलजम खाजवले आणि ते पांगले. दोन दिवसांनंतर, ग्राहकाने पुन्हा कॉल केला, आणि आधीच रागाने/हृदयस्पर्शी/उग्रपणे/उग्रपणे ओरडायला सुरुवात केली की लेआउट पुन्हा अनुकूल नाही, आणि ब्राउझर संकुचित झाल्यावर ब्राउझर विंडोमध्ये बसत नाही. इथेच लोक विचार करू लागले आणि लेआउटला चिमटा काढू लागले.

index.html

style.css * (मार्जिन: 0; पॅडिंग: 0; फॉन्ट-आकार: 0; ) /* शैली रीसेट करा */ div ( समास: 20px ऑटो; /* चाचण्यांसाठी केंद्रस्थान */ सीमा: 1px ठोस रॉयलब्लू; /* दृश्यमानता अवरोधित करा चाचण्यांसाठी */ /*डिस्प्ले: इनलाइन-ब्लॉक, चाचणीसाठी आवश्यक नाही */ कमाल-रुंदी: 450px /* 300, 400, 450, 600, रुंदी स्वतः निवडा */ white-space: nowrap / * जेणेकरून प्रतिमा एका ओळीत असतील */ /*ओव्हरफ्लो: लपलेले; मूळ ओव्हरफ्लो मूल्य, चाचणीसाठी आवश्यक नाही */ ) इनपुट (/*डिस्प्ले: काहीही नाही; मूळ प्रदर्शन मूल्य, चाचणीसाठी आवश्यक नाही */ ) img (रुंदी: 100 %; /* अनुकूली प्रतिमा संक्षेप */ )
अर्थात, चाचणीसाठी अनावश्यक सर्व काही कापले गेले. जेणेकरून समस्येचा अर्थ स्पष्टपणे दिसून येईल. तर, “ॲडॉप्टिव्ह लेआउट” मध्ये आढळलेली समस्या खालीलप्रमाणे आहे:

लेआउट, लेआउट, उदाहरणार्थ, वर काय आहे, वरील फायरफॉक्स ब्राउझरमध्ये पुन्हा लॉन्च करा. आम्ही खालील चित्र पाहतो, सर्वकाही अपेक्षेप्रमाणे आहे, उदाहरणार्थ यासारखे.

आम्ही विंडो संकुचित करतो, नैसर्गिकरित्या "अनुकूल मांडणी" प्रतिमा संकुचित करते आणि आम्हाला हे मिळते.

सर्व काही ठीक आहे? पण तसे नव्हते... आम्ही चहा प्यायला जातो, धुम्रपान करतो, परत येतो, Yandex उघडतो, बातम्या (मेल, Habr, Rutub इ.) वाचतो, आमचा लेआउट पाहतो आणि आश्चर्यचकित होतो. हे प्राप्त करा.

आता बरोबर घ्या लोकांनो. लोक माणसे आहेत. सर्व काही विचारात घेणे अशक्य आहे. बग्गी सॉफ्टवेअरच्या जगात, सर्वकाही विचारात घेणे अधिक अशक्य आहे. खालील परिस्थिती विकसित झाली आहे. क्लायंटने एका टॅबमध्ये पृष्ठ उघडले, ब्राउझर संकुचित केले आणि त्याला हवे ते मिळाले. दुसऱ्या दिवशी त्याने दुसऱ्या टॅबसह एक पृष्ठ उघडले आणि लेआउट अस्थिर झाला. त्याच वेळी, लेआउट डिझायनरने, टॅबकडे लक्ष न देता, ते वेगळ्या प्रकारे उघडले आणि भिन्न परिणाम प्राप्त केले. टॅबच्या संख्येकडे कोणीही लक्ष दिले नाही. इथपर्यंत पोहोचले की त्यांनी शुद्ध विंडोज वाढवण्यास सुरुवात केली, तेथे पहा, मोझिला मंचांवर बग अहवाल खोदण्यास सुरुवात केली, रुंदी/अधिकतम-रुंदी निवडकांचे विचित्र वर्तन शोधण्यास सुरुवात केली आणि अतिशय विलोभनीय आणि विचित्र कृती केल्या, ज्या लाजिरवाण्या आहेत. बद्दल लिहा, परंतु टॅबच्या संख्येकडे पुन्हा पुन्हा कोणीही लक्ष दिले नाही. शिवाय, सुमारे तीन तासांपर्यंत कोणीही बग पुन्हा तयार करू शकला नाही कारण त्यांनी टॅबशिवाय स्वच्छ ब्राउझरवर चाचणी पृष्ठ उघडले. आम्हाला आश्चर्य वाटले की बग स्वतःच नाहीसा झाला, परंतु अर्थातच, आम्ही टॅबसह एक पृष्ठ उघडताच आणि विशिष्ट पृष्ठांसह, बग बाहेर आला. 24 तासांपर्यंत लोकांचा अत्यंत तीव्र त्रास होता, जो मी माझ्या आयुष्यात कधीही पाहिला नाही, क्लायंटच्या हृदयद्रावक रडण्याने ते चवदार होते. अर्थात, लोक त्यांच्या मज्जातंतूला थोडेसे गमावू लागले आणि गोष्टी जवळजवळ पूर्णपणे हत्याकांडात आल्या. कथा पुढे सांगण्यात काही अर्थ नाही, परंतु अशा परिस्थितींमुळे काय परिणाम होतात याचा अंदाज तुम्ही स्वतःच लावू शकता.

कृपया, बग्गी सॉफ्टवेअरच्या जगात, अधिक सावध आणि संयम बाळगा. हे अपवाद न करता सर्वांना लागू होते. कलाकार आणि व्यवस्थापक दोन्ही. अर्थात, पैशांशिवाय ग्राहकांकडून घेण्यासारखे काहीही नाही आणि ते माफ केले जाऊ शकतात.

P.S.:लेआउट डिझायनर्सशी माझा काहीही संबंध नाही. मी 10 वर्षांपूर्वी मांडणी केली, देवाचे आभार मानतो की मी या अश्लील व्यवसायातून पटकन बाहेर पडलो. मला ही समस्या एका मित्राच्या फोन कॉलवरून मिळाली ज्याने या समस्येचे निराकरण करण्यासाठी त्याचा मेंदू रॅक केला होता. बग यशस्वीरित्या पुन्हा तयार केला गेला आहे, वरील लेआउट माझे आहे. मांडणी चाचणी आहे, उत्पादन नाही. मी विशेषतः माझ्या ओळखीच्या दुसऱ्या लेआउट डिझायनरला कॉल केला, मी या बगबद्दल प्रथमच ऐकले आहे.

फायरफॉक्सच्या 15 व्या आवृत्तीसह, भेटवस्तू वेब विकासकांवर पडू लागल्या. नवीन डीबगिंग साधने जोडली गेली आहेत, विद्यमान सुधारित केली गेली आहेत आणि नवीन कार्ये दिसू लागली आहेत. आवृत्ती 16 पासून सुरू करून, फायरफॉक्सने जवळजवळ सर्व CCS3 घटकांना उपसर्गांशिवाय समर्थन देण्यास सुरुवात केली
आणि आता प्रत्येक भेटवस्तूबद्दल स्वतंत्रपणे आणि तपशीलवार

प्रतिसादात्मक डिझाइन

प्रतिसादात्मक डिझाइन हे एक वैशिष्ट्य आहे जे कोणत्याही रिझोल्यूशनवर साइट पाहणे शक्य करते. तुम्ही प्रीसेट बेसिक स्टँडर्ड रिझोल्यूशनमधून निवडू शकता किंवा तुम्ही ते स्वतः सानुकूल करू शकता.
फंक्शनला कीबोर्ड शॉर्टकट Ctrl+Shift+M किंवा मेनूमधून कॉल केले जाऊ शकते - टूल्स - वेब डेव्हलपमेंट - रिस्पॉन्सिव्ह डिझाइन

तुम्ही बघू शकता, वेब डेव्हलपमेंट टॅब जोडलेल्या फंक्शन्समुळे थोडा विस्तारला आहे. पण प्रतिसादात्मक डिझाइनकडे परत जाऊया.
तुम्ही वेगळ्या टॅबमध्ये कोणत्याही पृष्ठावरील विविध विस्तारांमध्ये साइट पाहण्याचे कार्य सक्षम करू शकता, तर उर्वरित उघडलेले टॅब बदलणार नाहीत. लाँच केलेले फंक्शन साइट पाहण्यात व्यत्यय आणत नाही, म्हणजे, तुम्ही साइटमधील किंवा बाह्य लिंक्सचे अनुसरण करू शकता आणि ॲडॉप्टिव्ह डिझाइनसह टॅब अक्षम होईपर्यंत कोणतीही पृष्ठे प्रदर्शित करेल.

पूर्व-स्थापित विस्तारांव्यतिरिक्त, आपण आपल्या विवेकबुद्धीनुसार विस्तार स्वतः बदलू शकता. उजवीकडील दोन स्लाइडर वापरून, तुम्ही आकार वाढवू आणि कमी करू शकता.

वेब डेव्हलपर्ससाठी विविध विस्तारांसह विविध उपकरणांचा प्रसार पाहता, कार्यान्वित केलेले कार्य किती मौल्यवान आहे हे वेगळे सांगण्याची कदाचित गरज नाही. आणि प्रत्येक वेब डेव्हलपर किंवा वेबसाइट मालकासाठी विविध विस्तारांसह वेबसाइट कशी दिसते हे जाणून घेणे महत्त्वाचे आहे. हे विशेषतः नवशिक्यांसाठी उपयुक्त ठरेल

JavaScript डीबगर

साध्या JavaScript संपादकासह, ज्याच्या सहाय्याने काही स्क्रिप्टची चाचणी घेणे, संपादित करणे आणि एक्सप्लोर करणे खूप सोयीचे होते, एक अधिक प्रगत डीबगर दिसला.
जे वापरकर्ते स्क्रिप्ट डेव्हलपमेंटमध्ये नाहीत ते कोणत्याही पृष्ठावरील स्क्रिप्ट एक्सप्लोर करण्यासाठी आणि स्क्रिप्टची सूची आणि सामग्री मिळवण्यासाठी हे अंगभूत साधन वापरू शकतात.

CSS3 घटक उपसर्गांशिवाय समर्थन

आवृत्ती 16 पासून, फायरफॉक्स ग्रेडियंट्स, ट्रान्सफॉर्म्स, ॲनिमेशन्स आणि ट्रांझिशन सारख्या घटकांना (उपसर्गांशिवाय) पूर्णपणे समर्थन देते
फायरफॉक्स हा नवीन तंत्रज्ञानास समर्थन देणारा पहिला ब्राउझर आहे. इतर ब्राउझरसाठी तुम्हाला एकतर उपसर्ग किंवा पर्यायी प्रदर्शन तयार करावे लागेल

तुम्ही या साइटच्या ब्रेडक्रंबमध्ये (सामग्रीच्या वर नेव्हिगेशन मेनू) स्पष्टपणे समर्थन पाहू शकता. उदाहरण पृष्ठ वापरणे
CSS3 आणि HTML5 नवीनतम तंत्रज्ञान ब्रेडक्रंबमधील ग्रेडियंट्स उपसर्गांशिवाय काढले आहेत. FF च्या 16+ आवृत्तीच्या वापरकर्त्यांना योग्य डिस्प्ले दिसेल

इतर ब्राउझरच्या वापरकर्त्यांना एक साधा डिस्प्ले दिसेल

यासोबतच ऑडिओ आणि व्हिडिओ टॅगसाठी सपोर्ट जोडण्यात आला आहे. मोझिला फायरफॉक्सच्या 16 व्या आवृत्तीपासून विकास पॅनेल सुधारित केले गेले आहे, शॉर्टकट बटणे वापरून मूलभूत कार्ये कॉल करणे तसेच कीबोर्डवरून कार्य करण्यासाठी कमांड लाइन दिसून आली आहे;

साहजिकच, या पुनरावलोकनात सर्व नवकल्पना सादर केल्या जात नाहीत, परंतु सर्व प्रदर्शित केले जातात जे माझ्या मते, सर्व वापरकर्त्यांसाठी उपयुक्त ठरू शकतात आणि अर्थातच सर्वात जास्त आवडतात.

लक्ष द्या! स्त्रोताच्या सक्रिय दुव्याशिवाय लेखाची आंशिक किंवा पूर्ण कॉपी करणे कठोरपणे प्रतिबंधित आहे