01 ರ 01
ಸಫಾರಿ 9 ರಲ್ಲಿ ರೆಸ್ಪಾನ್ಸಿವ್ ಡಿಸೈನ್ ಮೋಡ್ ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿ ಮತ್ತು ಬಳಸಿ
ಇಂದಿನ ಜಗತ್ತಿನಲ್ಲಿ ವೆಬ್ ಡೆವಲಪರ್ ಆಗಿರುವುದರಿಂದ ಸಾಧನಗಳು ಮತ್ತು ಪ್ಲಾಟ್ಫಾರ್ಮ್ಗಳ ಭಾವಾವೇಶವನ್ನು ಬೆಂಬಲಿಸುವುದು ಎಂದರೆ, ಅದು ಕೆಲವೊಮ್ಮೆ ಬೆದರಿಸುವ ಕೆಲಸವೆಂದು ಸಾಬೀತುಪಡಿಸಬಹುದು. ಇತ್ತೀಚಿನ ವೆಬ್ ಮಾನದಂಡಗಳಿಗೆ ಅಂಟಿಕೊಂಡಿರುವ ಅತ್ಯಂತ ಉತ್ತಮವಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ಕೋಡ್ನೊಂದಿಗೆ, ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನ ಕೆಲವು ಭಾಗಗಳು ಕೆಲವು ಸಾಧನಗಳು ಅಥವಾ ನಿರ್ಣಯಗಳಲ್ಲಿ ನೀವು ಬಯಸುವ ರೀತಿಯಲ್ಲಿ ಕಾಣಿಸುವುದಿಲ್ಲ ಅಥವಾ ವರ್ತಿಸದೆ ಇರಬಹುದು. ಅಂತಹ ವಿಶಾಲವಾದ ಸನ್ನಿವೇಶಗಳನ್ನು ಬೆಂಬಲಿಸುವ ಸವಾಲನ್ನು ಎದುರಿಸುವಾಗ, ನಿಮ್ಮ ವಿಲೇವಾರಿಗಳಲ್ಲಿ ಸರಿಯಾದ ಅನುಕರಣ ಸಾಧನಗಳನ್ನು ಅಮೂಲ್ಯವಾದದ್ದು ಮಾಡಬಹುದು.
ನೀವು ಮ್ಯಾಕ್ ಅನ್ನು ಬಳಸುವ ಅನೇಕ ಪ್ರೋಗ್ರಾಮರ್ಗಳಲ್ಲಿ ಒಬ್ಬರಾಗಿದ್ದರೆ, ಸಫಾರಿ ಡೆವಲಪರ್ ಟೂಲ್ಸೆಟ್ ಯಾವಾಗಲೂ ಉಪಯುಕ್ತವಾಗಿದೆ. ಸಫಾರಿ 9 ರ ಬಿಡುಗಡೆಯೊಂದಿಗೆ, ಈ ಕಾರ್ಯಾಚರಣೆಯ ವಿಸ್ತಾರವು ಗಣನೀಯವಾಗಿ ವಿಸ್ತರಿಸಿದೆ, ಮುಖ್ಯವಾಗಿ ರೆಸ್ಪಾನ್ಸಿವ್ ಡಿಸೈನ್ ಮೋಡ್_ನ ಕಾರಣದಿಂದಾಗಿ, ನಿಮ್ಮ ಸೈಟ್ ವಿವಿಧ ಪರದೆಯ ನಿರ್ಣಯಗಳಲ್ಲಿ ಮತ್ತು ವಿವಿಧ ಐಪ್ಯಾಡ್, ಐಫೋನ್ ಮತ್ತು ಐಪಾಡ್ ಟಚ್ ಬಿಲ್ಡ್ಗಳಲ್ಲಿ ಹೇಗೆ ನಿರೂಪಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಪೂರ್ವವೀಕ್ಷಣೆ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ.
ಈ ಟ್ಯುಟೋರಿಯಲ್ ವಿವರಗಳನ್ನು ಹೇಗೆ ರೆಸ್ಪಾನ್ಸಿವ್ ಡಿಸೈನ್ ಮೋಡ್ ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸುವುದು ಮತ್ತು ನಿಮ್ಮ ಅಭಿವೃದ್ಧಿ ಅಗತ್ಯಗಳಿಗಾಗಿ ಅದನ್ನು ಬಳಸುವುದು ಹೇಗೆ.
ಮೊದಲು, ನಿಮ್ಮ ಸಫಾರಿ ಬ್ರೌಸರ್ ತೆರೆಯಿರಿ.
02 ರ 06
ಸಫಾರಿ ಆದ್ಯತೆಗಳು
ಪರದೆಯ ಮೇಲ್ಭಾಗದಲ್ಲಿರುವ ಬ್ರೌಸರ್ ಮೆನುವಿನಲ್ಲಿರುವ ಸಫಾರಿಯಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ. ಡ್ರಾಪ್-ಡೌನ್ ಮೆನು ಕಾಣಿಸಿಕೊಂಡಾಗ, ಮೇಲಿನ ಆದ್ಯತೆಗಳಲ್ಲಿ ಆದ್ಯತೆಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡಿ_ ಆಯ್ಕೆಮಾಡಿ.
ಮೇಲೆ ತಿಳಿಸಲಾದ ಮೆನು ಐಟಂಗೆ ಬದಲಾಗಿ ಕೆಳಗಿನ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ ಅನ್ನು ನೀವು ಬಳಸಿಕೊಳ್ಳಬಹುದು ಎಂಬುದನ್ನು ಗಮನಿಸಿ: COMMAND + COMMA (,)
03 ರ 06
ಅಭಿವೃದ್ಧಿ ಮೆನು ತೋರಿಸಿ
ಸಫಾರಿಯ ಆದ್ಯತೆಯ ಸಂವಾದ ಈಗ ನಿಮ್ಮ ಬ್ರೌಸರ್ ವಿಂಡೋವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ ಮತ್ತು ಪ್ರದರ್ಶಿಸುತ್ತದೆ. ಮೊದಲು, ಸುಧಾರಿತ ಐಕಾನ್_ನ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ ಗೇರ್ನಿಂದ ಪ್ರತಿನಿಧಿಸಲ್ಪಡುತ್ತದೆ ಮತ್ತು ವಿಂಡೋದ ಮೇಲಿನ ಬಲ ಮೂಲೆಯಲ್ಲಿ ಇದೆ.
ಬ್ರೌಸರ್ನ ಸುಧಾರಿತ ಆದ್ಯತೆಗಳು ಈಗ ಗೋಚರಿಸಬೇಕು. ಕೆಳಭಾಗದಲ್ಲಿ ಚೆಕ್ಬಾಕ್ಸ್ನೊಂದಿಗೆ ಒಂದು ಆಯ್ಕೆಯಾಗಿದೆ, ಮೆನು ಬಾರ್ನಲ್ಲಿ ಶೋ ಡೆವಲಪ್ಮೆಂಟ್ ಮೆನುವನ್ನು ಲೇಬಲ್ ಮಾಡಿ ಮತ್ತು ಮೇಲಿನ ಉದಾಹರಣೆಯಲ್ಲಿ ಸುತ್ತುತ್ತದೆ. ಈ ಮೆನುವನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಲು ಒಮ್ಮೆ ಚೆಕ್ಬಾಕ್ಸ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ.
04 ರ 04
ರೆಸ್ಪಾನ್ಸಿವ್ ವಿನ್ಯಾಸ ಮೋಡ್ ಅನ್ನು ನಮೂದಿಸಿ
ಡೆವಲಪರ್ ಎಂದು ಲೇಬಲ್ ಮಾಡಲಾದ ಪರದೆಯ ಮೇಲ್ಭಾಗದಲ್ಲಿರುವ ನಿಮ್ಮ ಸಫಾರಿ ಮೆನುವಿನಲ್ಲಿ ಹೊಸ ಆಯ್ಕೆಯನ್ನು ಇದೀಗ ಲಭ್ಯವಿರಬೇಕು. ಈ ಆಯ್ಕೆಯನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ. ಡ್ರಾಪ್-ಡೌನ್ ಮೆನು ಕಾಣಿಸಿಕೊಂಡಾಗ, ಎಂಟರ್ಪ್ರೈಸ್ ಡಿಸೈನ್ ಮೋಡ್ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡಿ- ಮೇಲಿನ ಉದಾಹರಣೆಯಲ್ಲಿ ಸುತ್ತುತ್ತದೆ.
ಮೇಲೆ ತಿಳಿಸಲಾದ ಮೆನು ಐಟಂಗೆ ಬದಲಾಗಿ ಕೆಳಗಿನ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ ಅನ್ನು ನೀವು ಬಳಸಿಕೊಳ್ಳಬಹುದು ಎಂಬುದನ್ನು ಗಮನಿಸಿ: OPTION + COMMAND + R
05 ರ 06
ರೆಸ್ಪಾನ್ಸಿವ್ ವಿನ್ಯಾಸ ಮೋಡ್
ಮೇಲಿನ ಉದಾಹರಣೆಯಲ್ಲಿ ತೋರಿಸಿರುವಂತೆ ಸಕ್ರಿಯ ವೆಬ್ ಪುಟವನ್ನು ಈಗ ರೆಸ್ಪಾನ್ಸಿವ್ ಡಿಸೈನ್ ಮೋಡ್ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸಬೇಕು. ಐಫೋನ್ 6 ನಂತಹ ಪಟ್ಟಿ ಮಾಡಲಾದ ಐಒಎಸ್ ಸಾಧನಗಳಲ್ಲಿ ಒಂದನ್ನು ಆಯ್ಕೆ ಮಾಡುವ ಮೂಲಕ ಅಥವಾ 800 x 600 ನಂತಹ ನಿಗದಿತ ಸ್ಕ್ರೀನ್ ರೆಸಲ್ಯೂಶನ್ಗಳಲ್ಲಿ ಒಂದನ್ನು ಆಯ್ಕೆ ಮಾಡುವ ಮೂಲಕ, ಆ ಸಾಧನದಲ್ಲಿ ಅಥವಾ ಆ ಪ್ರದರ್ಶನದ ರೆಸಲ್ಯೂಶನ್ನಲ್ಲಿ ಪುಟವನ್ನು ಹೇಗೆ ರೆಂಡರ್ ಮಾಡುತ್ತದೆ ಎಂಬುದನ್ನು ನೀವು ತಕ್ಷಣವೇ ವೀಕ್ಷಿಸಬಹುದು.
ತೋರಿಸಲಾದ ಸಾಧನಗಳು ಮತ್ತು ನಿರ್ಣಯಗಳ ಜೊತೆಗೆ, ಬೇರೆಯ ಬ್ರೌಸರ್ನಿಂದ ಮಾಡಲಾದಂತಹ ಬೇರೆ ಬಳಕೆದಾರ ಏಜೆಂಟ್ ಅನ್ನು ಅನುಕರಿಸಲು ಸಫಾರಿಗೆ ನೀವು ಸೂಚನೆ ನೀಡಬಹುದು - ರೆಸಲ್ಯೂಶನ್ ಐಕಾನ್ಗಳ ಮೇಲೆ ನೇರವಾಗಿ ತೋರಿಸಿರುವ ಡ್ರಾಪ್-ಡೌನ್ ಮೆನುವಿನ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ.
06 ರ 06
ಅಭಿವೃದ್ಧಿ ಮೆನು: ಇತರೆ ಆಯ್ಕೆಗಳು
ರೆಸ್ಪಾನ್ಸಿವ್ ಡಿಸೈನ್ ಮೋಡ್ ಜೊತೆಗೆ, ಸಫಾರಿ 9 ರ ಡೆವಲಪ್ ಮೆನು ಹಲವಾರು ಇತರ ಉಪಯುಕ್ತ ಆಯ್ಕೆಗಳನ್ನು ನೀಡುತ್ತದೆ.
- ಇದರೊಂದಿಗೆ ಪುಟವನ್ನು ತೆರೆಯಿರಿ: ನಿಮ್ಮ ಮ್ಯಾಕ್ನಲ್ಲಿ ಪ್ರಸ್ತುತ ಸ್ಥಾಪಿಸಲಾದ ಯಾವುದೇ ಇತರ ಬ್ರೌಸರ್ನಲ್ಲಿ ಸಕ್ರಿಯ ವೆಬ್ ಪುಟವನ್ನು ತೆರೆಯಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.
- ಬಳಕೆದಾರ ಏಜೆಂಟ್: ಬಳಕೆದಾರ ಏಜೆಂಟ್ ಬದಲಾಯಿಸುವುದರಿಂದ ಸಫಾರಿ 9 ಹೊರತುಪಡಿಸಿ ನಿಮ್ಮ ಬ್ರೌಸರ್ ಅನ್ನು ಗುರುತಿಸಲು ವೆಬ್ ಸರ್ವರ್ಗಳಿಗೆ ಕಾರಣವಾಗುತ್ತದೆ.
- ವೆಬ್ ಇನ್ಸ್ಪೆಕ್ಟರ್ ಅನ್ನು ಸಂಪರ್ಕಿಸಿ: ಸಫಾರಿ 9 ರ ವೆಬ್ ಇನ್ಸ್ಪೆಕ್ಟರ್ ಎಲ್ಲಾ ವೆಬ್ ಪುಟದ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ, ಸಿಎಸ್ಎಸ್ ಮಾಹಿತಿ, ಡಿಒಎಮ್ ಮೆಟ್ರಿಕ್ಸ್ ಮತ್ತು ರಚನೆ, ಹಾಗೆಯೇ ಅದರ ಮೂಲ ಮೂಲ ಸಂಕೇತಗಳನ್ನು ಲಕ್ಷ್ಯಪಡಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಒದಗಿಸುತ್ತದೆ.
- ಶೋ ದೋಷ ಕನ್ಸೋಲ್: ಅಭಿವೃದ್ಧಿ ಮೆನುವಿನಲ್ಲಿ ವ್ಯಾಪಕವಾಗಿ ಬಳಸಲಾಗುವ ಆಯ್ಕೆಗಳಲ್ಲಿ ಒಂದಾದ, ಈ ಕನ್ಸೋಲ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, HTML ಮತ್ತು XML ದೋಷಗಳು ಮತ್ತು ಎಚ್ಚರಿಕೆಗಳನ್ನು ತೋರಿಸುತ್ತದೆ.
- ಪುಟದ ಮೂಲವನ್ನು ತೋರಿಸಿ: ಸಕ್ರಿಯ ವೆಬ್ ಪುಟದ ಮೂಲ ಕೋಡ್ ಅನ್ನು ವೀಕ್ಷಿಸಲು ಮತ್ತು ಹುಡುಕಲು ನಿಮ್ಮನ್ನು ಅನುಮತಿಸುತ್ತದೆ.
- ಪುಟ ಸಂಪನ್ಮೂಲಗಳನ್ನು ತೋರಿಸಿ: ಈ ಆಯ್ಕೆಯನ್ನು ಆಯ್ಕೆಮಾಡಿ ಪ್ರಸ್ತುತ ಪುಟದಿಂದ ಡಾಕ್ಯುಮೆಂಟ್ಗಳು, ಲಿಪಿಗಳು, ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಇತರ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.
- ಸ್ನಿಪ್ಪೆಟ್ ಸಂಪಾದಕವನ್ನು ತೋರಿಸಿ: ಸಂಪೂರ್ಣ ಪುಟಕ್ಕೆ ವಿರುದ್ಧವಾಗಿ ಕೋಡ್ನ ತುಣುಕುಗಳನ್ನು ಸಂಪಾದಿಸುವ ಮತ್ತು ಕಾರ್ಯಗತಗೊಳಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಒದಗಿಸುತ್ತದೆ. ಪರೀಕ್ಷೆಯ ದೃಷ್ಟಿಕೋನದಿಂದ ಈ ವೈಶಿಷ್ಟ್ಯವು ತುಂಬಾ ಉಪಯುಕ್ತವಾಗಿದೆ.
- ವಿಸ್ತರಣೆ ಬಿಲ್ಡರ್ ಅನ್ನು ತೋರಿಸಿ: ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಪ್ಯಾಕೇಜಿಂಗ್ ಮಾಡುವ ಮೂಲಕ ಮತ್ತು ಮೆಟಾಡೇಟಾವನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ನಿಮ್ಮ ಸ್ವಂತ ಸಫಾರಿ ವಿಸ್ತರಣೆಗಳನ್ನು ನಿರ್ಮಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.
- ಟೈಮ್ಲೈನ್ ರೆಕಾರ್ಡಿಂಗ್ ಪ್ರಾರಂಭಿಸಿ: ನೆಟ್ವರ್ಕ್ ವಿನಂತಿಗಳು, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮರಣದಂಡನೆ, ಪುಟ ರೆಂಡರಿಂಗ್, ಮತ್ತು ಬಳಕೆದಾರ-ನಿರ್ಧಾರಿತ ಅವಧಿಗೆ ಇತರ ಘಟನೆಗಳು ಸೇರಿದಂತೆ ಎಲ್ಲಾ ಐಟಂಗಳನ್ನೂ ರೆಕಾರ್ಡ್ ಮಾಡುತ್ತದೆ- ಇವುಗಳನ್ನು ವೆಬ್ಕಿಟ್ ಇನ್ಸ್ಪೆಕ್ಟರ್ನಲ್ಲಿ ವೀಕ್ಷಿಸಬಹುದಾಗಿದೆ.
- ಖಾಲಿ ಕ್ಯಾಷ್ಗಳು: ಈ ಆಯ್ಕೆಯ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡುವುದರಿಂದ ಸಫಾರಿ ಒಳಗೆ ಎಲ್ಲಾ ಸಂಗ್ರಹಿಸಲಾದ ಸಂಗ್ರಹವನ್ನು ಅಳಿಸಲಾಗುತ್ತದೆ, ಕೇವಲ ಪ್ರಮಾಣಿತ ವೆಬ್ಸೈಟ್ ಸಂಗ್ರಹ ಫೈಲ್ಗಳು ಮಾತ್ರವಲ್ಲ.
- ಕ್ಯಾಶ್ಗಳನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ: ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿದ ಹಿಡಿದಿಟ್ಟುಕೊಳ್ಳುವ ಮೂಲಕ, ಸ್ಥಳೀಯ ಕ್ಯಾಶೆಯನ್ನು ಬಳಸುವುದಕ್ಕೆ ಪ್ರತಿಯಾಗಿ ಪ್ರವೇಶ ವಿನಂತಿಯನ್ನು ಮಾಡಲಾಗುವುದು ಪ್ರತಿ ಬಾರಿ ವೆಬ್ಸೈಟ್ನಿಂದ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಡೌನ್ಲೋಡ್ ಮಾಡಲಾಗುತ್ತದೆ.
- ಸ್ಮಾರ್ಟ್ ಹುಡುಕಾಟ ಕ್ಷೇತ್ರದಿಂದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಅನುಮತಿಸಿ: ಭದ್ರತಾ ಕಾರಣಗಳಿಗಾಗಿ ಡೀಫಾಲ್ಟ್ ಆಗಿ ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲಾಗಿದೆ, ಈ ವೈಶಿಷ್ಟ್ಯವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಹೊಂದಿರುವ URL ಗಳನ್ನು ನಮೂದಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ : ಸಫಾರಿ ವಿಳಾಸ ಪಟ್ಟಿಯಲ್ಲಿ.
- ಸುರಕ್ಷಿತವಲ್ಲದ ಮಾಹಿತಿ SHA-1 ಪ್ರಮಾಣಪತ್ರಗಳನ್ನು ಟ್ರೀಟ್ ಮಾಡಿ: ಸೆಕ್ಯೂರ್ ಹ್ಯಾಶ್ ಆಲ್ಗರಿದಮ್ಗಾಗಿ ಸಣ್ಣದಾಗಿದೆ, SHA-1 ಹ್ಯಾಶ್ ಕಾರ್ಯವು ಮೂಲತಃ ಚಿಂತನೆಗಿಂತ ಕಡಿಮೆ ಸುರಕ್ಷಿತವಾಗಿದೆ ಎಂದು ಸಾಬೀತಾಗಿದೆ- ಆದ್ದರಿಂದ ಸಫಾರಿ 9 ರಲ್ಲಿನ ಈ ಆಯ್ಕೆಯನ್ನು ಸೇರಿಸುವುದು.
ಸಂಬಂಧಿತ ಓದುವಿಕೆ
ಈ ಟ್ಯುಟೋರಿಯಲ್ ಉಪಯೋಗಕಾರಿಯಾಗಿದೆ ಎಂದು ನೀವು ಕಂಡುಕೊಂಡರೆ, ನಮ್ಮ ಇತರ ಸಫಾರಿ 9 ದರ್ಶನಗಳನ್ನು ಪರೀಕ್ಷಿಸಲು ಮರೆಯದಿರಿ.
- ವೆಬ್ಸೈಟ್ ಪುಷ್ ಅಧಿಸೂಚನೆಗಳನ್ನು ಹೇಗೆ ನಿರ್ವಹಿಸುವುದು
- PDF ಫೈಲ್ಗೆ ವೆಬ್ ಪುಟವನ್ನು ಹೇಗೆ ರಫ್ತು ಮಾಡುವುದು
- ಸ್ವಯಂಚಾಲಿತವಾಗಿ ನವೀಕರಿಸಲು ಸಫಾರಿ 9 ವಿಸ್ತರಣೆಗಳನ್ನು ಹೇಗೆ ಸಂರಚಿಸುವುದು
- ಪಿನ್ ಮಾಡಲಾದ ಸೈಟ್ಗಳ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಹೇಗೆ ಬಳಸುವುದು