ಸಫಾರಿ 9 ರಲ್ಲಿ ರೆಸ್ಪಾನ್ಸಿವ್ ಡಿಸೈನ್ ಮೋಡ್ ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿ ಮತ್ತು ಬಳಸುವುದು ಹೇಗೆ

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 ದರ್ಶನಗಳನ್ನು ಪರೀಕ್ಷಿಸಲು ಮರೆಯದಿರಿ.