আমি পিএইচপি-তে একটি ওয়েবসাইট লিখছি, এবং এটি যে এইচটিএমএলটি রেন্ডার করে তা ফর্ম্যাট হয় না এবং ফায়ারফক্সে পড়ার পক্ষে শক্ত হয় না (এর বেশিরভাগটি একক লাইনে থাকে)।
আমি হোয়াইট স্পেস ফর্ম্যাটিং স্টাফগুলির প্রচুর পরিমাণ যুক্ত করে আমার পিএইচপি কোডটি জগাখিচু করতে চাই না, তাই আমি ভাবছিলাম যে ফায়ারফক্সে কোনও বিকল্প বা সম্ভবত একটি অ্যাড-অন আছে যা আমাকে সূত্রটি সূচক অনুসারে দেখার ক্ষমতা দেবে? এইচটিএমএলের কাঠামো।
উত্তর:
ঠিকঠাক কাজ করে, এখান থেকে এক্সটেনশনটি ইনস্টল করুন: https://addons.mozilla.org/en-US/firefox/addon/655/
ডান ক্লিক করুন -> উত্স চার্ট দেখুন
গুগলের হোম পেজ এইচটিএমএল উত্সের জন্য এটিই আমি পেয়েছি:
আগে:
পরে:
থেকে এখানে
সোর্স চার্ট দেখুন গ্রাফিকালি উত্স কাঠামো প্রদর্শন করে।
জেএসভিউ ২.০.৫ পৃষ্ঠার বাহ্যিক ফাইলগুলিতে তথ্য প্রদর্শন করে।
হাইলাইটএল কোডে অভিন্ন উপাদানগুলি হাইলাইট করে।
এইচটিএমএল ভ্যালিডেটর বর্তমান পৃষ্ঠার HTML টি যাচাই করে id
বিন্যাসিত উত্স শো উত্স কাঠামো দেখুন।
সোর্সএডিটর কোড সম্পাদনা করার এবং ফলাফলগুলি দেখার অনুমতি দেয়।
আমি সাধারণত html আউটপুট ডিবাগ করার জন্য ফায়ারব্যাগ ব্যবহার করি ।
ফায়ারব্যাগে ভাল ফর্ম্যাটযুক্ত উত্সের সাথে এটি ব্রাউজারের দ্বারা রেন্ডার করা হিসাবে এটি আমাকে এইচটিএমএলটি সজ্জিত করতে দেয়। আমি প্রদর্শিত এইচটিএমএলগুলিতেও উপাদানগুলি পরিদর্শন করতে পারি এবং উত্সক এইচটিএমএল উত্স থেকে তারা কোথা থেকে এসেছে তা দেখতে পাচ্ছি।
যদি কেউ 2019 সালে একই কার্যকারিতাটি খুঁজছেন, ফায়ারফক্স কোয়ান্টামের জন্য ফায়ার সোর্স ভিউয়ার [1] রয়েছে যা জাভাস্ক্রিপ্টগুলি ম্যানিপুলেট করার পরে বিউটিফায়ড এইচটিএমএল ডিওএম প্রদর্শন করে, যা কেবল ওয়েবসভার দ্বারা সরবরাহ করা এইচটিএমএল উত্সের চেয়ে আরও ভাল।
[1] https://addons.mozilla.org/en-US/firefox/addon/fire-source-viewer/
ওয়েব বিকাশকারী এক্সটেনশান একটি ব্রাউজারে বিভিন্ন ওয়েব বিকাশকারী সরঞ্জাম যুক্ত করে। এক্সটেনশনটি ক্রোম এবং ফায়ারফক্সের জন্য উপলব্ধ এবং এই ব্রাউজারগুলি উইন্ডোজ, ওএস এক্স এবং লিনাক্স সহ যে কোনও প্ল্যাটফর্ম সমর্থন করে
Viewউত্স উইন্ডোটির মেনুতে সিনট্যাক্স হাইলাইটিং এবং শব্দ মোড়ানো করার ক্ষমতা নিয়ে আসে ।View Page Sourceএই উইন্ডোটি খোলার জন্য ডান ক্লিক করুন>