জাভাস্ক্রিপ্ট আনমিনিফাই / ডিসপ্রেস করার সরঞ্জাম [বন্ধ]


430

কী এমন কোনও কমান্ড লাইন স্ক্রিপ্ট এবং / অথবা অনলাইন সরঞ্জাম রয়েছে যা পরিমার্জনের প্রভাবগুলিকে বিপরীত করতে পারে যে পরিশ্রমী কীভাবে ভয়ঙ্কর এইচটিএমএল পরিষ্কার করতে পারে?

(আমি বিশেষত একটি ক্ষুদ্রতর জাভাস্ক্রিপ্ট ফাইল আনমিনাইফাই করতে চাইছি, তাই পরিবর্তনশীল নাম পরিবর্তন করা এখনও একটি সমস্যা হতে পারে))


4
আপনারা যারা সচেতন নাও হতে পারেন, তাদের জন্য মিনিফিকেশন অভ্যন্তরীণ ভেরিয়েবলের নামগুলি একটি অক্ষরে পরিবর্তন করে এবং কোড মন্তব্যগুলি সরিয়ে দেয়। এই পরিবর্তনগুলি পূর্বাবস্থায় ফেরানো স্বয়ংক্রিয় করা যাবে না।
ভিভিয়ান নদী

@ ড্যানিয়েল অ্যালেনল্যাংডন ভাল পয়েন্ট আমি প্রশ্নটি সম্পাদনা করেছি যাতে এটি আর বোঝা যায় না যে মিনিফিকেশন পরিবর্তনশীল নাম পরিবর্তন করে না change
অ্যান্ডি ফোর্ড 16

12
FWIW ... সবেমাত্র জেএস নিস jsnice.org
অ্যান্ডি ফোর্ড

marcusjenkins.com/linux/… আমার পক্ষে ভাল কাজ করেছে।
ychaouche

1
@ ড্যানিয়েল অ্যালেনল্যাংডনের জন্য: jsnice.org 30k অ্যাঙ্গুলারজ কোড এমনকি আনমিনাইফাই করতে এবং অপসারণ করতে পারে।
সবুজ

উত্তর:


504

আপনি এটি ব্যবহার করতে পারেন: http://jsbeautifier.org/ তবে এটি আপনি যে মিনিফাইড পদ্ধতিটি ব্যবহার করছেন তার উপর নির্ভর করে, এটি কেবল কোডটি ফর্ম্যাট করে, এটি ভেরিয়েবলের নাম পরিবর্তন করে না বা বেস 62 সংকেতকে সঙ্কোচিত করে না।

সম্পাদনা করুন: বাস্তবে এটি "প্যাকড" স্ক্রিপ্টগুলি আনপ্যাক করতে পারে (ডিন এডওয়ার্ডের প্যাকার দিয়ে প্যাকড: http://dean.edwards.name/packer/ )


2
+1 - আমি এই পদ্ধতিটি আগেও ব্যবহার করেছি এবং jsbeautifier.org একটি দুর্দান্ত পরিষেবা।
ড্যান লিউ 21

ধন্যবাদ। আমি ঠিক এটিই খুঁজছিলাম।
অ্যান্ডি ফোর্ড 21

5
: না, আমি বললাম বেস 62 dean.edwards.name/packer এবং en.wikipedia.org/wiki/Base_62
Fabien Ménager

4
একটি সরঞ্জামের মতো এমন কোনও জিনিস রয়েছে যা "ভেরিয়েবলের নাম পরিবর্তন করে" এবং কোডটি না ভাঙ্গার জন্য এখনও জেএস সিনট্যাক্স সম্পর্কে সচেতন?
জর্জে ভার্গাস

3
আমি যদি এই 10 বার আপ করতে পারে। শুধু একটি নষ্ট দিন থেকে আমাকে বাঁচাতে!
benlumley

154

ক্রোম বিকাশকারী সরঞ্জামগুলির মধ্যে এই বৈশিষ্ট্যটি অন্তর্নির্মিত রয়েছে। বিকাশকারী সরঞ্জামগুলি আনুন (এফ 12 টিপুন এক উপায়), উত্স ট্যাবে নীচের বাম বারটিতে আইকনগুলির একটি সেট রয়েছে। "{}" আইকনটি "সুন্দর মুদ্রণ" এবং চাহিদা অনুসারে এই রূপান্তরটি করে।

আপডেট: আই 99 "এফ 12 বিকাশকারী সরঞ্জাম" এর সেখানে সরঞ্জাম আইকনের অধীনে স্ক্রিপ্ট ট্যাবে একটি "ফর্ম্যাট জাভাস্ক্রিপ্ট" বৈশিষ্ট্য রয়েছে। ( এফ 12 তে টিপ # 4 দেখুন সেরা রক্ষিত ওয়েব ডিবাগিং গোপন )

এখানে চিত্র বর্ণনা লিখুন


1
বিশেষ .js এর জন্য আমি আন-মিনিফাইফ করার চেষ্টা করছিলাম, এই পদ্ধতিটি সবচেয়ে ভাল কাজ করেছে, চিয়ার্স।
ইগনোসৌর

1
এটি এখন স্ক্রিপ্ট ট্যাবে নয়, "উত্স" ট্যাবে রয়েছে।
mhenry1384

@ mhenry1384: হ্যাঁ, ক্রোম ট্যাবটির নতুন নাম দিয়েছে। আমি সেই অনুযায়ী উত্তর আপডেট করেছি।
জন অ্যাডামস

হ্যাঁ!! (আমাদের অ্যাপ্লিকেশনটিতে জেএসএসের জন্য একটি ডিবাগ / ডেভ মোড নেই - আমরা কৃতজ্ঞতার সাথে পরিবর্তনশীল নামগুলি সংক্ষিপ্ত / রূপান্তর করি না))
স্টিভেন লু

2
কেবলমাত্র একটি মাথাব্যাথা: ক্রোম কখনও কখনও জাভাস্ক্রিপ্ট কোডটি মিস করে। উদাহরণস্বরূপ, এটি একটি সিনট্যাক্স ত্রুটি if (a) /regex/.match(foo);হিসাবে বেশ মুদ্রিত if (a)\n / /regex/ .\nmatch(foo);
অ্যাম্ফেটামাইচেন

56

বুঝেছি! জেএসবিউটিফায়ার হুবহু এটি করে এবং আপনার কাছে অটো-ফর্ম্যাট করার বিকল্পও রয়েছে


5
গুগলের পরিবর্তে স্ট্যাকওভারফ্লো-এর পরে স্ট্যাকওভারফ্লো? :))))
ডিএফএ

আমি "জাভাস্ক্রিপ্ট ফর্ম্যাটার অনলাইনে" গুগল করেছি
সিজিপি

1
এই ফায়ারফক্স প্লাগইন জাভাস্ক্রিপ্ট আন-মাইনাইফ করার জন্য জেএসবিউটিফায়ার ব্যবহার করে যাতে আপনি তারপরে ফায়ারবাগের জেএস ডিবাগারে লাইনগুলিতে ব্রেকপয়েন্ট নির্ধারণ করতে পারেন !!: addons.mozilla.org/en-US/firefox/addon/javascript-deminifier
বিটি

16

আপনি কি কেবল একটি জাভাস্ক্রিপ্ট ফর্ম্যাটর ব্যবহার করতে পারবেন না ( http://javascript.about.com/library/blformat.htm )?


উত্তরের জন্য +1 এটিও কার্যকর। প্রথম প্রথম উত্তর দেওয়ার জন্য ফ্যাবিয়ান ঘটেছে
অ্যান্ডি ফোর্ড

এটি কেবল প্রশ্নের "ডিকম্প্রেস" অংশের উত্তর দেয়।
জর্জে ভার্গাস

নাহ, এটি ভাল কাজ করছে না। এটি কোডটি ভেঙে ... :(
রমেশ

14

ফায়ারফক্স, স্পাইডার মন্কি এবং গাইনোতে আপনি কোনও কোড কোনও বেনামি ফাংশনে আবদ্ধ করতে পারেন এবং তার toSourceপদ্ধতিটি কল করতে পারেন , যা আপনাকে ফাংশনের একটি সুন্দর বিন্যাসিত উত্স দেবে।

toSource মন্তব্যগুলি রেখেছে।

E. g। :

(function () { /* Say hello. */ var x = 'Hello!'; print(x); }).toSource()

স্ট্রিংয়ে রূপান্তরিত হবে:

function () {
    var x = "Hello!";
    print(x);
}

পিএস : এটি কোনও "অনলাইন সরঞ্জাম" নয়, তবে সাধারণ সৌন্দর্য বৃদ্ধির কৌশল সম্পর্কে সমস্ত প্রশ্নই এর নকল হিসাবে বন্ধ রয়েছে।


মজাদার. আমি 2.5 বছর আগে প্রশ্নটি জিজ্ঞাসা করেছি তাই শিরোনাম সম্পাদনা করতে আমার অনেক দেরি হয়েছে বলে মনে হয় তবে আমি অনলাইনে এবং অফলাইন উভয়ই বিকল্প দেখতে পছন্দ করি। চিমিং করার জন্য ধন্যবাদ। +1
অ্যান্ডি ফোর্ড

10

আপনার যদি ম্যাক এবং টেক্সটমেট থাকে - জাভাস্ক্রিপ্ট ফর্ম্যাট করার একটি সহজ বিকল্প হ'ল:

  1. টেক্সটমেট দিয়ে ফাইলটি খুলুন।
  2. > বান্ডিলস> জাভাস্ক্রিপ্ট> পুনরায় ফর্ম্যাট নথিতে ক্লিক করুন
  3. ক্র্যাক একটি বিয়ার খুলুন।

2
বিয়ার এখনই পরিবেশিত হচ্ছে :)
ডিজিলেপেজ

6

বেশিরভাগ IDE গুলি স্বতঃ-বিন্যাস বৈশিষ্ট্যগুলিও সরবরাহ করে। নেটবিনে উদাহরণস্বরূপ , কেবল সিটিআরএল + কে টিপুন


5

বিকল্প হিসাবে (যেহেতু আমি এখন অবধি jsbeautifier.org সম্পর্কে জানতাম না), আমি একটি বুকমার্কলেট ব্যবহার করেছি যা ডিন এডওয়ার্ডস প্যাকারে ডিকোড বোতামটি পুনরায় সক্ষম করে।

আমি এখানে নির্দেশাবলী এবং বুকমার্কলেট খুঁজে পেয়েছি ।

এখানে বুকমার্কলেট রয়েছে (যদি সাইটটি নিচে থাকে)

javascript:for%20(i=0;i<document.forms.length;++i)%20{for(j=0;j<document.forms[i].elements.length;++j){document.forms[i].elements[j].removeAttribute(%22readonly%22);document.forms[i].elements[j].removeAttribute(%22disabled%22);}}




5

অনুরূপ স্টোন 'এর উত্তর কিন্তু Windows এর জন্য / .NET বিকাশকারীগণ:

আপনার যদি ভিজ্যুয়াল স্টুডিও এবং রিসার্পার থাকে - জাভাস্ক্রিপ্ট ফর্ম্যাট করার একটি সহজ বিকল্প হ'ল:

  • ভিজ্যুয়াল স্টুডিও দিয়ে ফাইলটি খুলুন;
  • রিশার্পার> সরঞ্জামসমূহ> ক্লিনআপ কোড (Ctrl + E, C) এ ক্লিক করুন;
  • "ডিফল্ট: পুনরায় ফর্ম্যাট কোড" নির্বাচন করুন এবং ঠিক আছে ক্লিক করুন;
  • ক্র্যাক একটি বিয়ার খুলুন।

4

মাইল দূরে-থেকে-চমত্কার ইন্টারফেস সত্ত্বেও, JSPretty জাভাস্ক্রিপ্ট উত্স কোডগুলি মানব-পঠনযোগ্য করার জন্য একটি ভাল, নিখরচায় এবং অনলাইন সরঞ্জাম। আপনি আপনার পছন্দসই প্রকারের ইন্ডেন্টেশন প্রয়োগ করতে পারেন এবং এটি অবনতি সনাক্ত করতে পারে।



3

জেএসলিন্ট এবং জেএসহিন্ট সাদা স্পেস অ্যালগরিদমেরসাথে সঙ্গতিপূর্ণ এমনভাবে জাভা স্ক্রিপ্টটি প্রিটি ডিফ সুন্দরী (সুন্দর মুদ্রণ) করবে।


এটি ব্যঙ্গাত্মক সাইটটি এত সুন্দর-সুন্দর তবে এটি একটি দুর্দান্ত সরঞ্জাম।
অ্যান্ডি ফোর্ড

3

আমি যা রাখছিলাম তার জন্য jsbeautifier.org এর আউটপুট নিয়ে সত্যই সন্তুষ্ট ছিল না, তাই আমি আরও কিছু অনুসন্ধান করেছি এবং এই সাইটটি পেয়েছি: http://www.centralinternet.com.br/javascript-beautifier

আমার জন্য অত্যন্ত ভাল কাজ করেছেন।


আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.