Có vẻ như không ai trả lời trong một thời gian. Để bắt đầu cuộc trò chuyện một lần nữa, chỉ cần hỏi một câu hỏi mới. Question: Câu hỏi: Cách chạy JavaScript trên iPad how to run javascript on iPadTôi cần chạy một chương trình JavaScript đơn giản bằng iPad Đăng vào ngày 24 tháng 5 năm 2013 3:33 sáng Tất cả các câu trả lời
Ngày 24 tháng 5 năm 2013 5:04 AM để đáp lại Padmakumartv để đáp lại Padmakumartv In response to padmakumartv Tất cả các trình duyệt iPad, bao gồm Safari, hỗ trợ JavaScript. Trong Safari, hỗ trợ JavaScript có thể được bật/tắt trong Cài đặt> Safari> JavaScript. Nếu bạn thực sự đề cập đến Java chứ không phải JavaScript thì iPad không hỗ trợ Java. Có một vài trình duyệt cung cấp hỗ trợ hạn chế cho một số nội dung Java, ví dụ: Skyfire, Puffin, v.v. Ngày 24 tháng 5 năm 2013 5:04 sáng
Cập nhật tại: Hướng dẫn này sẽ đẩy bạn qua quá trình bật JavaScript trong Safari trên iPhone hoặc iPad.
JavaScript hiện được bậtXin chúc mừng, bạn vừa kích hoạt JavaScript. Nhấn vào đây để xác nhận rằng JavaScript hiện được bật. F.A.QTại sao tôi cần bật JavaScript trên Apple Safari?Apple Safari đi kèm với một công cụ JavaScript mà & nbsp; làm cho các yếu tố trang web tương tác. Và mặc dù thực sự không cần thiết phải bạn cho phép nó sử dụng & NBSP; Nếu không, nhiều trang web bạn truy cập sẽ xuất hiện & nbsp; bị hỏng hoặc thậm chí không hoạt động. Làm thế nào để tôi biết nếu JavaScript đang làm việc trên Apple Safari?JavaScript được bật bởi & nbsp; mặc định trong Apple Safari, nhưng bạn có thể xác minh xem bạn có hoạt động thông qua tab Safari hay không. Để làm điều này, chỉ cần nhấp vào "Safari" ở phía trên bên trái màn hình của bạn để mở rộng menu. Tiếp theo, nhấp vào Tùy chọn để tiết lộ phần Tùy chọn Safari. Bây giờ bạn đang ở trong phần Tùy chọn, hãy tìm và nhấp vào tab "Bảo mật" để truy cập hộp kiểm "Bật JavaScript". Nếu hộp kiểm có ký hiệu đánh dấu, điều đó có nghĩa là JavaScript đang hoạt động và hoạt động. Điều gì xảy ra nếu tôi vô hiệu hóa JavaScript trên Apple Safari?Hàng triệu trang web sử dụng JavaScript để hiển thị các yếu tố tương tác, chẳng hạn như hoạt hình, hiệu ứng đặc biệt và nhiều hơn nữa. Nếu bạn duyệt chúng với JavaScript bị vô hiệu hóa trong Apple Safari của bạn, thì có lẽ bạn sẽ không có trải nghiệm đầy đủ mà bạn thường làm. Một số trang web dựa trên JavaScript có thể xuất hiện buồn tẻ hoặc tĩnh, trong khi những trang khác thậm chí có thể không hoạt động. Howto: Tạo các ứng dụng iPhone/iPad trông có vẻ gốc từ HTML, CSS và JavaScriptMặc dù nó không được biết đến rộng rãi, bạn có thể viết các ứng dụng iOS cảm giác gốc cho iPhone và iPad trong JavaScript (+ HTML và CSS). Trong bài viết này, tôi sẽ giải thích cách:
Nếu bạn muốn đặt nó vào App Store, bạn thậm chí có thể đóng gói ứng dụng web của mình dưới dạng ứng dụng Objective-C "gốc". . Tôi đã đặt cái này lại với nhau, bởi vì-ngay cả trên trang web của Apple-không có một trang tập trung nào cho bạn biết cách làm tất cả những điều này. Tôi đã bao gồm các mẫu, ví dụ và một dự án Xcode bị bắt giữ. Nếu bạn muốn đi sâu hơn những gì trong bài đăng này, tôi khuyên bạn nên xây dựng các ứng dụng iPhone xây dựng sách với HTML, CSS và JavaScript.. Động lực của tôi để cuối cùng xây dựng một ứng dụng iPhone là sự thất vọng với hệ thống ghi nhật ký y tế trên giấy. Vợ tôi và tôi phải giữ một bản ghi y tế về tất cả mọi thứ mà con trai tôi làm: các loại co giật/chiều dài, lượng calo/thành phần, hydrat hóa, liều thuốc, giấc ngủ, hóa học nước tiểu, huyết áp, nhịp tim, cân nặng, hoạt động và chuyển động ruột . Đương nhiên, chúng tôi luôn cố gắng nhớ nơi cuối cùng chúng tôi có sổ nhật ký. Một ứng dụng iPhone/iPad có vẻ như là giải pháp hoàn hảo để ghi nhật ký y tế, vì vậy tôi đã lao vào. CẬP NHẬT: Tôi đã xây dựng một ứng dụng iOS thứ hai ra khỏi JavaScript, cũng cho con trai tôi: đó là điều khiển từ xa đa điểm cho robot: Sử dụng cử chỉ xoay để xoay robot; Sử dụng vuốt để di chuyển nó về phía trước và trở lại; Nghiêng để chụp ảnh bằng máy ảnh của nó.: I built a second iOS app out of JavaScript, also for my son: it's a multitouch remote control for a robot: use the rotate gesture to rotate the robot; use the swipe to move it forward and back; tilt to take a picture with its camera. Đọc về các chi tiết, mẹo và thủ thuật tôi đã học. Nhiêu tai nguyên hơnTrên hết thông tin bên dưới, tôi có thể giới thiệu một vài tài nguyên khác: Làm cho nó toàn màn hìnhThông thường, nếu bạn nhấn "+" trong Safari di động và sau đó "Thêm vào màn hình chính", biểu tượng mà nó tạo ra hoạt động như một dấu trang thành Safari. Khi trình duyệt mở ra, bạn đã có thanh URL ở trên cùng và thanh nút ở phía dưới. Nếu bạn đang cố gắng triển khai một ứng dụng thực sự, điều này chỉ lãng phí bất động sản màn hình và làm mất cảm giác chuyên nghiệp của nó. Để loại bỏ các thanh URL và nút, chỉ cần thêm thẻ meta: <meta name="apple-mobile-web-app-capable"
content="yes" />
Đây là ứng dụng nhật ký của tôi trông giống như khi được khởi chạy từ màn hình chính:  Thay đổi thanh trạng thái điện thoạiBạn cũng có thể thay đổi cách thanh trạng thái của điện thoại được hiển thị bằng thẻ meta. Bạn có thể làm cho nó màu trắng, đen hoặc mờ: <meta name="apple-mobile-web-app-status-bar-style"
content="default" />
Các giá trị cho nội dung là <meta name="apple-mobile-web-app-status-bar-style"
content="default" />
6, <meta name="apple-mobile-web-app-status-bar-style"
content="default" />
7 và <meta name="apple-mobile-web-app-status-bar-style"
content="default" />
8.Ngăn chặn quy môNếu bạn chèn ép trên một ứng dụng web, nó vẫn trả lời như trong trình duyệt và phóng to. Đây có thể là một món quà mà ứng dụng không có gốc. Nếu bạn muốn ngăn chặn tỷ lệ, hãy sử dụng thẻ Meta Viewport: <meta name="viewport"
content="user-scalable=no, width=device-width" />
Bạn gần như chắc chắn cũng muốn đặt chiều rộng chế độ xem theo chiều rộng của thiết bị, để ứng dụng hiển thị ở độ phân giải tự nhiên. Ngăn chặn cuộn đàn hồiNếu bạn có một ứng dụng web qua phía dưới hoặc đầu trang, bản thân trang sẽ bị kéo mạnh khỏi thanh URL hoặc thanh nút (hoặc dưới cùng/đầu màn hình nếu nó ở chế độ toàn màn hình). Hành vi này là một món quà khác mà ứng dụng của bạn không phải là bản địa và hiếm khi hành vi bạn muốn trong một ứng dụng gốc. Để dừng hành vi này, hãy chụp các sự kiện <meta name="apple-mobile-web-app-status-bar-style"
content="default" />
9 trên tài liệu trong JavaScript và hủy chúng. Bạn có thể làm điều này bằng cách thêm một trình xử lý vào thẻ <meta name="viewport"
content="user-scalable=no, width=device-width" />
0 và gọi phương thức <meta name="viewport"
content="user-scalable=no, width=device-width" />
1 trên đối tượng sự kiện:<script>
function BlockMove(event) {
// Tell Safari not to move the window.
event.preventDefault() ;
}
</script>
<body ontouchmove="BlockMove(event);" >
...
</body>
Tạo biểu tượng màn hình chínhĐể thêm biểu tượng màn hình chính, hãy tạo tệp 114x114 .png, sau đó liên kết đến nó trong tiêu đề: <link rel="apple-touch-icon"
href="./apple-touch-icon.png" />
IPhone tự động áp dụng kết thúc bóng. Trên iPhone cũ hơn, sử dụng các biểu tượng 56x56 và iPad, sử dụng các biểu tượng 72x72, đồ họa tự động giảm xua xuống. Nếu bạn không muốn kết thúc bóng được áp dụng tự động, hãy sử dụng <meta name="viewport"
content="user-scalable=no, width=device-width" />
2 thay vì <meta name="viewport"
content="user-scalable=no, width=device-width" />
3.Tạo màn hình giật gânĐể thêm màn hình giật gân trong quá trình tải, hãy tạo tệp 320x460 .png, sau đó liên kết đến nó trong tiêu đề: <link rel="apple-touch-startup-image"
href="./startup.png" />
Tệp phải chính xác là 320x460, nếu không, iPhone bỏ qua nó. (IPad yêu cầu 1004x768.) Bộ nhớ đệm tệp ứng dụngNếu bạn muốn có thể sử dụng ứng dụng của mình mà không cần Internet hoặc bạn muốn cải thiện thời gian tải của nó, hãy tạo tệp kê khai bộ đệm và liên kết với nó từ tệp chính cho ứng dụng web: <html manifest="cache.manifest"> Đảm bảo rằng máy chủ web của bạn phục vụ các tệp .Manifest với loại MIME <meta name="viewport"
content="user-scalable=no, width=device-width" />
4, nếu không thì điều này sẽ không hoạt động. Nếu bạn đang sử dụng Apache, hãy đặt các mục sau trong tệp <meta name="viewport"
content="user-scalable=no, width=device-width" />
5 của mình:AddType text/cache-manifest .manifest Và sau đó kiểm tra bằng cách sử dụng <meta name="viewport"
content="user-scalable=no, width=device-width" />
6 rằng loại nội dung trong các tiêu đề phản hồi là chính xác.Bên trong tệp <meta name="viewport"
content="user-scalable=no, width=device-width" />
7, danh sách các tệp nào nên được lưu trong bộ đệm và cần được lấy từ mạng:CACHE MANIFEST local1.file local2.file NETWORK: network1.php network2.cgi Nếu bạn thấy ứng dụng của mình đột nhiên ngừng hoạt động khi bạn bắt đầu sử dụng bản kê khai bộ đệm, hãy đảm bảo rằng mọi URL bạn sử dụng đều ở trong phần phù hợp. Khi một bản kê khai bộ đệm được sử dụng, ứng dụng sẽ khởi chạy với phiên bản cuối cùng của các tệp. Nó kéo một phiên bản mới của bản kê khai trong nền nếu khả năng kết nối mạng và trong lần khởi chạy tiếp theo, bạn sẽ thấy phiên bản mới nếu bảng kê khai đã thay đổi. Bạn sẽ muốn đưa một số sê -ri vào một nhận xét trong bảng kê khai bộ đệm, để bạn có thể tăng nó mỗi khi bạn phát hành phiên bản mới; Ví dụ: đây là bản kê khai của ứng dụng ghi nhật ký của tôi: CACHE MANIFEST # Bump this with each release: # Serial number 7 apple-touch-icon.png jquery.js scroll-bg.jpg startup.png medical-log.css medical-log.js cached.html NETWORK: show-log.php insert-into-log.php delete-log-entry.php update-log-entry.php Tôi khuyên bạn nên đổi tên tệp kê khai để nó 404S trong quá trình phát triển lặp. Phát hiện các sự kiện cảm ứng và cử chỉBạn có thể nắm bắt các sự kiện đa chạm và cử chỉ trong JavaScript. Và, cũng có một lý do chính đáng để làm điều này: nếu bạn lắng nghe các sự kiện truyền thống như nhấp chuột, bạn sẽ nhận được một độ trễ một giây trong khi iPhone làm nổi bật phần tử "nhấp chuột". Nếu bạn đang cố gắng bắt chước một ứng dụng thực sự, hành vi này bắt đầu cảm thấy tẻ nhạt và chậm chạp. Bằng cách bắt trực tiếp các sự kiện cảm ứng, bạn có thể phản hồi ngay lập tức với đầu vào của người dùng. Có hai cách để theo dõi các sự kiện cảm ứng. Khi bạn nắm bắt các sự kiện Touch Raw, bạn đang theo dõi các ngón tay riêng lẻ. Khi bạn nắm bắt các sự kiện cử chỉ, bạn sẽ bắt được các diễn giải về chuyển động ngón tay, như tỷ lệ và xoay. Trình xử lý cảm ứng bạn có thể đính kèm là:
Trình xử lý cử chỉ bạn có thể đính kèm là:
Nếu bạn chỉ muốn sử dụng chạm vào vị trí nhấp chuột, thì trường <script>
function BlockMove(event) {
// Tell Safari not to move the window.
event.preventDefault() ;
}
</script>
<body ontouchmove="BlockMove(event);" >
...
</body>
4 của đối tượng sự kiện chứa phần tử đã được chạm vào.Tôi đã tạo một ứng dụng ví dụ sử dụng cử chỉ để mở rộng một biểu đồ. Ngoài ra còn có một bài viết tuyệt vời về các sự kiện Touch và cử chỉ trong JavaScript, nếu bạn muốn cung cấp hỗ trợ đa cảm ứng sâu hơn. Để biết thêm mã và ứng dụng JavaScript thứ hai sử dụng nhiều cử chỉ, hãy xem bài đăng ứng dụng iPhone thứ hai của tôi: Điều khiển từ xa đa phương cho robot. Phát hiện các sự kiện xoay vòngNếu bạn muốn thực hiện một hành động khi điện thoại được xoay, hãy lắng nghe các sự kiện <script>
function BlockMove(event) {
// Tell Safari not to move the window.
event.preventDefault() ;
}
</script>
<body ontouchmove="BlockMove(event);" >
...
</body>
5 trên thẻ <meta name="viewport"
content="user-scalable=no, width=device-width" />
0. Định hướng hiện tại là trong <script>
function BlockMove(event) {
// Tell Safari not to move the window.
event.preventDefault() ;
}
</script>
<body ontouchmove="BlockMove(event);" >
...
</body>
7, và nó được mã hóa dưới dạng góc (tính theo độ) mà iPhone được xoay-0, -90 hoặc 90-từ thẳng đứng theo chiều dọc.Bắt chước các thành phần hệ điều hành iPhoneCông cụ kết xuất WebKit hỗ trợ rất nhiều tiện ích mở rộng CSS và bạn có thể sử dụng chúng để mô phỏng các thành phần ca cao gốc; Ví dụ, các nút rất dễ dàng: <meta name="apple-mobile-web-app-status-bar-style"
content="default" />
0Tôi đã tạo nền giống như iPhone cho ứng dụng ghi nhật ký của mình với <script>
function BlockMove(event) {
// Tell Safari not to move the window.
event.preventDefault() ;
}
</script>
<body ontouchmove="BlockMove(event);" >
...
</body>
8 cho thân tài liệu.Các ứng dụng iPhone xây dựng sách với HTML, CSS và JavaScript có thể chỉ cho bạn cách mô phỏng tất cả các yếu tố UI iPhone tiêu chuẩn. can show you how to simulate all of the standard iPhone UI elements. Tạo ứng dụng "Objective-C" gốcNếu bạn muốn xuất bản ứng dụng của mình trong App Store, bạn sẽ cần viết nó bằng Objective-C. May mắn thay, ca cao bao gồm một lớp <script>
function BlockMove(event) {
// Tell Safari not to move the window.
event.preventDefault() ;
}
</script>
<body ontouchmove="BlockMove(event);" >
...
</body>
9, chỉ là trình duyệt Safari di động mà không có Chrome. Vì vậy, bạn thực sự có thể gói Ứng dụng HTML/CSS/JavaScript của mình tự nhiên bằng cách gói nó thành một vài dòng mục tiêu đóng hộp-C.Tất nhiên, một khi bạn kết thúc ứng dụng web của mình dưới dạng ứng dụng gốc, bạn có thể sử dụng Objective-C để truy cập nhiều tính năng hơn của iPhone. Nếu bạn muốn tham gia vào lập trình Objective-C, tôi khuyên bạn nên sử dụng cuốn sách Ca cao và Objective-C: Up and Running vừa tham khảo và hướng dẫn. as both a reference and a tutorial. Dưới đây là các bước xương trần để biến một ứng dụng web thành một ứng dụng gốc:
Bối rối? Chỉ cần tải xuống dự án Xcode ứng dụng web được cấu hình sẵn của tôi và thả các tệp của bạn vào tài nguyên. Lời khuyên
iPad quirksTạo các ứng dụng web iPad gốc gần như giống hệt với việc tạo các ứng dụng web iPhone gốc. Những thay đổi lớn nhất là hình ảnh khởi động của bạn phải là chính xác 1004x768. Ngoài ra, nó chủ yếu giống nhau. Phát hiện hệ điều hành iPhoneBạn có thể muốn ứng dụng của mình hoạt động khác một chút tùy thuộc vào nơi nó chạy. Tôi đã sử dụng JavaScript sau để phát hiện nếu ứng dụng đang chạy bên trong iPhone, iPod touch hoặc iPad: <meta name="apple-mobile-web-app-status-bar-style"
content="default" />
5Lưu trữNếu bạn đang tìm kiếm một nhà cung cấp dịch vụ lưu trữ cho ứng dụng web của mình, tôi khuyên bạn nên sử dụng linode.com Tôi đã chạy Might.net trên một linode trong nhiều năm và tôi đang sử dụng chúng để lưu trữ ứng dụng đăng nhập y tế của mình. Họ khó đánh bại về giá cả, hiệu suất, tính linh hoạt và dịch vụ khách hàng. Mã sốVui lòng sử dụng mẫu của tôi.html, một ứng dụng web trống sơ khai. Ví dụ: Điều hướng đồ thị đa chạmTôi đã viết một ứng dụng tạo ra một khung vẽ toàn màn hình và sau đó cho phép bạn phóng to và ra khỏi biểu đồ của f (x) = sin (x) bằng cách sử dụng cử chỉ pinch-to-zoom. Điều này chạy tốt trên iPad của tôi và trong trình giả lập, nhưng đó là một chút khó khăn trên iPhone thế hệ đầu tiên của tôi. Vui lòng chọc xung quanh và sửa đổi mã: Graph.html. Ví dụ: Ứng dụng đăng nhập y tếỨng dụng đăng nhập y tế là một ví dụ hay vì nó lưu trữ phần lớn địa phương, chỉ dùng đến mạng để đồng bộ hóa thông qua các tập lệnh PHP tương tác với cơ sở dữ liệu. Và, đó là một cải tiến chất lượng lớn đối với tôi và vợ tôi. Tải xuống mã nguồn ứng dụng đăng nhập y tế. Bạn có thể chạy JavaScript trên iPad không?Bạn chạy lối tắt từ ứng dụng Safari. Trước khi bạn có thể chạy JavaScript từ một phím tắt, bạn phải bật cho phép chạy tập lệnh. Xem Cài đặt bảo mật và bảo mật nâng cao trong các phím tắt trên iPhone hoặc iPad. Lưu ý: Bạn cũng có thể sử dụng JavaScript chạy trên hành động trang web trong sfsafariviewControll.Before you can run JavaScript from a shortcut you must turn on Allow Running Scripts. See Advanced Privacy and security settings in Shortcuts on iPhone or iPad. Note: You can also use the Run JavaScript on Webpage action in SFSafariViewController.
Có thể mã với iPad không?Hoàn toàn có thể viết mã trong khi sử dụng iPad của bạn.Hầu hết mọi người vẫn đồng ý rằng trải nghiệm này tốt hơn khi sử dụng máy tính xách tay, nếu không vì lý do nào khác ngoài các tùy chọn màn hình lớn hơn thường cung cấp.. Most people would still agree that the experience is better using a laptop, if for no other reason than for the larger screen options that usually provides.
Apple có cho phép JavaScript không?Bạn có thể bật JavaScript trên iPhone của mình trong phần Safari của ứng dụng Cài đặt.Nếu JavaScript không được bật, nhiều trang web sẽ xuất hiện bị hỏng trong trình duyệt Safari của bạn.Mặc dù JavaScript nên được bật theo mặc định, nhưng điều quan trọng là kiểm tra xem nó có vô tình bị vô hiệu hóa không.. If JavaScript isn't turned on, many websites will appear broken in your Safari browser. Though JavaScript should be enabled by default, it's important to check that it hasn't been accidentally disabled.
Làm cách nào để sử dụng JavaScript trong Safari trên iPad?Làm thế nào để bật JavaScript trên Safari cho iPhone hoặc iPad ?.. Mở ứng dụng Cài đặt trên iPhone hoặc iPad .. Cuộn xuống và chọn trình duyệt Safari từ Cài đặt .. Từ cài đặt Safari, cuộn xuống phía dưới và nhấn vào menu nâng cao .. Chuyển đổi nút JavaScript để bật và bật thực thi .. |
