CSS Beautifier & Minifier
ਗੜਬੜ ਵਾਲੇ CSS ਨੂੰ ਪੜ੍ਹਨ ਲਈ ਮੁੜ-ਇੰਡੈਂਟ ਕਰੋ, ਜਾਂ ਇਸਨੂੰ ਛੋਟਾ ਕਰਨ ਲਈ ਮਿਨੀਫਾਈ ਕਰੋ — ਇੱਕ ਸੁਰੱਖਿਅਤ ਮੋਡ ਦੇ ਨਾਲ ਜੋ ਤੁਹਾਡੇ ਨਿਯਮਾਂ ਦੇ ਕ੍ਰਮ ਨੂੰ ਕਦੇ ਨਹੀਂ ਬਦਲਦਾ।
ਤੁਹਾਡਾ CSS ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਹੀ ਫਾਰਮੈਟ ਅਤੇ ਮਿਨੀਫਾਈ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। BroBroGo 'ਤੇ ਕੁਝ ਵੀ ਅਪਲੋਡ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ।
ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ
Beautify ਅਤੇ Minify ਵਿੱਚ ਕੀ ਅੰਤਰ ਹੈ?
Beautify (ਸੁੰਦਰ ਬਣਾਉਣਾ) ਤੁਹਾਡੀਆਂ ਸਟਾਈਲ ਸ਼ੀਟਾਂ ਨੂੰ ਮੁੜ-ਇੰਡੈਂਟ ਕਰਦਾ ਹੈ ਅਤੇ ਸਪੇਸ ਦਿੰਦਾ ਹੈ ਤਾਂ ਜੋ ਉਹਨਾਂ ਨੂੰ ਪੜ੍ਹਨਾ ਅਤੇ ਐਡਿਟ ਕਰਨਾ ਆਸਾਨ ਹੋਵੇ। Minify (ਛੋਟਾ ਕਰਨਾ) ਇਸ ਤੋਂ ਉਲਟ ਕਰਦਾ ਹੈ — ਇਹ ਵ੍ਹਾਈਟਸਪੇਸ ਅਤੇ ਟਿੱਪਣੀਆਂ (comments) ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ ਜਿਨ੍ਹਾਂ ਦੀ ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ ਲੋੜ ਨਹੀਂ ਹੁੰਦੀ ਅਤੇ ਰੰਗਾਂ ਵਰਗੇ ਮੁੱਲਾਂ ਨੂੰ ਛੋਟਾ ਕਰਦਾ ਹੈ, ਤਾਂ ਜੋ ਫਾਈਲ ਛੋਟੀ ਹੋਵੇ ਅਤੇ ਤੇਜ਼ੀ ਨਾਲ ਲੋਡ ਹੋਵੇ। ਕੰਮ ਕਰਦੇ ਸਮੇਂ beautify ਦੀ ਵਰਤੋਂ ਕਰੋ, ਅਤੇ ਪਬਲਿਸ਼ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ minify ਕਰੋ।
Safe ਅਤੇ Optimized ਕੰਪਰੈਸ਼ਨ ਸੈਟਿੰਗਾਂ ਕੀ ਕਰਦੀਆਂ ਹਨ?
Safe (ਸੁਰੱਖਿਅਤ) ਮੋਡ ਸਿਰਫ਼ ਵ੍ਹਾਈਟਸਪੇਸ ਅਤੇ ਟਿੱਪਣੀਆਂ ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ ਅਤੇ ਮੁੱਲਾਂ ਨੂੰ ਛੋਟਾ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਹਰ ਨਿਯਮ (rule) ਬਿਲਕੁਲ ਉੱਥੇ ਹੀ ਰਹਿੰਦਾ ਹੈ ਜਿੱਥੇ ਤੁਸੀਂ ਲਿਖਿਆ ਸੀ। Optimized (ਅਨੁਕੂਲਿਤ) ਇਸ ਤੋਂ ਅੱਗੇ ਜਾਂਦਾ ਹੈ ਅਤੇ ਫਾਈਲ ਨੂੰ ਹੋਰ ਛੋਟਾ ਕਰਨ ਲਈ ਡੁਪਲੀਕੇਟ ਸਿਲੈਕਟਰਾਂ ਅਤੇ ਨਿਯਮਾਂ ਨੂੰ ਆਪਸ ਵਿੱਚ ਮਿਲਾਉਂਦਾ ਹੈ — ਇਹ ਨਿਯਮਾਂ ਦੇ ਕ੍ਰਮ ਨੂੰ ਬਦਲ ਸਕਦਾ ਹੈ, ਇਸ ਲਈ ਪਬਲਿਸ਼ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਇੱਕ ਵਾਰ ਜਾਂਚ ਕਰਨਾ ਠੀਕ ਰਹਿੰਦਾ ਹੈ। /*! … */ ਵਜੋਂ ਚਿੰਨ੍ਹਿਤ ਟਿੱਪਣੀਆਂ ਦੋਵਾਂ ਮੋਡਾਂ ਵਿੱਚ ਬਰਕਰਾਰ ਰਹਿੰਦੀਆਂ ਹਨ।
ਕੀ ਮਿਨੀਫਾਈ ਕਰਨ ਨਾਲ ਮੇਰੇ ਪੇਜ ਦੀ ਦਿੱਖ ਬਦਲ ਜਾਵੇਗੀ?
Safe ਮੋਡ ਵਿੱਚ, ਬਿਲਕੁਲ ਨਹੀਂ — ਤੁਹਾਡੀਆਂ ਸਟਾਈਲਾਂ ਬਿਲਕੁਲ ਪਹਿਲਾਂ ਵਾਂਗ ਹੀ ਦਿਖਾਈ ਦੇਣਗੀਆਂ। ਇਹ ਵ੍ਹਾਈਟਸਪੇਸ ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ, ਆਮ ਟਿੱਪਣੀਆਂ ਨੂੰ ਖਾਰਜ ਕਰਦਾ ਹੈ ਅਤੇ ਮੁੱਲਾਂ ਨੂੰ ਛੋਟੇ ਸਮਾਨ ਰੂਪਾਂ ਵਿੱਚ ਦੁਬਾਰਾ ਲਿਖਦਾ ਹੈ (ਜਿਵੇਂ ਕਿ #ffffff ਨੂੰ #fff ਵਜੋਂ), ਅਤੇ ਇਹ ਤੁਹਾਡੇ ਵੈਂਡਰ ਪ੍ਰੀਫਿਕਸ ਜਾਂ ਆਧੁਨਿਕ ਸਿੰਟੈਕਸ ਨੂੰ ਕਦੇ ਨਹੀਂ ਬਦਲਦਾ। Optimized ਮੋਡ ਨਿਯਮਾਂ ਨੂੰ ਵੀ ਆਪਸ ਵਿੱਚ ਮਿਲਾਉਂਦਾ ਹੈ, ਜੋ ਲਗਭਗ ਹਰ ਸਟਾਈਲਸ਼ੀਟ 'ਤੇ ਇੱਕੋ ਜਿਹਾ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ ਪਰ ਜੇਕਰ ਤੁਹਾਡੀ ਫਾਈਲ ਨਿਯਮਾਂ ਦੇ ਕ੍ਰਮ 'ਤੇ ਨਿਰਭਰ ਕਰਦੀ ਹੈ, ਤਾਂ ਇਸਦੀ ਪੁਸ਼ਟੀ ਕਰਨਾ ਚੰਗਾ ਰਹੇਗਾ।