Cửa sổ javascript mở ẩn thanh địa chỉ chrome
Tôi sử dụng dấu trang JavaScript trong Mozilla Firefox để mở email, lịch, trò chuyện, v.v. trong các cửa sổ con bật lên không có thanh công cụ hoặc thanh menu. Tôi làm điều này để tiết kiệm diện tích màn hình và ngăn tôi sử dụng các cửa sổ đó để duyệt và luôn hiển thị chúng. Tôi đã tự hỏi làm thế nào để có các cửa sổ bật lên mà không có thanh địa chỉ Show Mozilla có lý do chính đáng để đảm bảo thanh địa chỉ luôn hiển thị - để người dùng không bị lừa bởi cửa sổ bật lên - do đó, thanh địa chỉ không thể bị ẩn bằng mã. Tuy nhiên, có một cách để giải quyết vấn đề này, hãy tiến hành một cách thận trọng, vì đây là một sự thay đổi toàn cầu Vấn đềTrước đây tôi đã chia sẻ một vài bookmarklet của mình, một trong số đó là mở một cửa sổ trình duyệt có kích thước cụ thể bằng cách sử dụng 2. Tham số 3 sẽ mở một cửa sổ con không có thanh công cụ, e. g
Firefox sẽ mở cửa sổ giống như thế này - và bạn có thể thấy thanh địa chỉ vẫn hiển thị mặc dù không thể chỉnh sửa cách giải quyếtGiải pháp ẩn thanh địa chỉ liên quan đến việc tạo kiểu 4 để ghi đè hành vi mặc định của Firefox, để thanh địa chỉ bị ẩn khi thanh công cụ bị ẩnTôi đã tìm thấy giải pháp trên Diễn đàn hỗ trợ Mozilla này, mà Jefferson Scher, jscher2000, đã cung cấp câu trả lời. Ông. Scher có một trang web trình bày chi tiết hơn về việc tùy chỉnh kiểu dáng Firefox với userChrome để giảm khoảng trắng, ẩn các mục menu không mong muốn, v.v. Đây là những gì tôi đã làm cho Firefox Developer Edition trên macOS
Qua một bên. Bạn cũng có thể quan tâm đến bookmarklet để tạo cửa sổ Firefox ở chế độ toàn màn hình khi sử dụng chế độ xem chia nhỏ macOS, để ẩn thanh địa chỉ, thanh công cụ và các tab …Và nó sẽ mở ra một cửa sổ mới với URL đã cho. Hầu hết các trình duyệt hiện đại được định cấu hình để mở url trong các tab mới thay vì các cửa sổ riêng biệt Cửa sổ bật lên tồn tại từ thời cổ đại. Ý tưởng ban đầu là hiển thị nội dung khác mà không đóng cửa sổ chính. Hiện tại, có nhiều cách khác để làm điều đó. chúng tôi có thể tải động nội dung bằng tìm nạp và hiển thị nội dung đó trong một 01 được tạo động. Vì vậy, cửa sổ bật lên không phải là thứ chúng ta sử dụng hàng ngàyNgoài ra, cửa sổ bật lên rất phức tạp trên thiết bị di động, không hiển thị đồng thời nhiều cửa sổ Tuy nhiên, có những tác vụ mà cửa sổ bật lên vẫn được sử dụng, e. g. đối với ủy quyền OAuth (đăng nhập bằng Google/Facebook/…), bởi vì
Chặn cửa sổ bật lênTrong quá khứ, các trang web độc ác đã lạm dụng cửa sổ bật lên rất nhiều. Một trang xấu có thể mở ra vô số cửa sổ bật lên có quảng cáo. Vì vậy, bây giờ hầu hết các trình duyệt đều cố gắng chặn cửa sổ bật lên và bảo vệ người dùng Hầu hết các trình duyệt chặn cửa sổ bật lên nếu chúng được gọi bên ngoài trình xử lý sự kiện do người dùng kích hoạt như 0Ví dụ
Bằng cách này, người dùng được bảo vệ phần nào khỏi các cửa sổ bật lên không mong muốn, nhưng chức năng này không bị tắt hoàn toàn cửa sổ. mởCú pháp để mở một cửa sổ bật lên là. 1urlMột URL để tải vào cửa sổ mới. nameTên của cửa sổ mới. Mỗi cửa sổ có một 2 và ở đây chúng tôi có thể chỉ định cửa sổ nào sẽ sử dụng cho cửa sổ bật lên. Nếu đã có một cửa sổ có tên như vậy – URL đã cho sẽ mở trong đó, nếu không, một cửa sổ mới sẽ được mở. paramsChuỗi cấu hình cho cửa sổ mới. Nó chứa các cài đặt, được phân tách bằng dấu phẩy. Chẳng hạn như không được có khoảng trắng trong params. 3Cài đặt cho 4
Ngoài ra còn có một số tính năng dành riêng cho trình duyệt ít được hỗ trợ, thường không được sử dụng. Kiểm tra cửa sổ. mở trong MDN để biết ví dụ Thí dụ. một cửa sổ tối giảnHãy mở một cửa sổ với bộ tính năng tối thiểu, chỉ để xem trình duyệt nào cho phép tắt 8Ở đây, hầu hết các “tính năng cửa sổ” đều bị vô hiệu hóa và cửa sổ được đặt ngoài màn hình. Chạy nó và xem những gì thực sự xảy ra. Hầu hết các trình duyệt đều “sửa chữa” những thứ kỳ lạ như số không ________ 76 và ngoài màn hình ________ 75. Chẳng hạn, Chrome mở một cửa sổ như vậy với chiều rộng/chiều cao đầy đủ để nó chiếm toàn màn hình Hãy thêm các phương án định vị thông thường và các tọa độ 85, 86, 87, 88 hợp lý 8Hầu hết các trình duyệt hiển thị ví dụ trên theo yêu cầu Quy tắc cho cài đặt bị bỏ qua
Truy cập cửa sổ bật lên từ cửa sổCuộc gọi 89 trả về một tham chiếu đến cửa sổ mới. Nó có thể được sử dụng để thao tác các thuộc tính của nó, thay đổi vị trí và hơn thế nữaTrong ví dụ này, chúng tôi tạo nội dung bật lên từ JavaScript 5Và ở đây chúng tôi sửa đổi nội dung sau khi tải 6Xin lưu ý. ngay sau 85, cửa sổ mới chưa được tải. Điều đó được chứng minh bởi 86 trong dòng 87. Vì vậy, chúng tôi đợi 88 sửa đổi nó. Chúng tôi cũng có thể sử dụng trình xử lý 89 cho 50Chính sách xuất xứ giống nhau Windows có thể tự do truy cập nội dung của nhau chỉ khi chúng đến từ cùng một nguồn gốc (cùng một giao thức. //miền. Hải cảng) Nếu không, e. g. nếu cửa sổ chính là từ 51 và cửa sổ bật lên từ 52, điều đó là không thể vì lý do an toàn của người dùng. Để biết chi tiết, xem chương Giao tiếp qua cửa sổTruy cập cửa sổ từ cửa sổ bật lênMột cửa sổ bật lên cũng có thể truy cập vào cửa sổ "trình mở" bằng cách sử dụng tham chiếu 53. Đó là 54 cho tất cả các cửa sổ ngoại trừ cửa sổ bật lênNếu bạn chạy mã bên dưới, nó sẽ thay thế nội dung cửa sổ mở (hiện tại) bằng “Kiểm tra” 7Vì vậy, kết nối giữa các cửa sổ là hai chiều. cửa sổ chính và cửa sổ bật lên có liên quan đến nhau Đóng cửa sổ bật lênĐể đóng một cửa sổ. 55Để kiểm tra xem một cửa sổ có bị đóng không. 56Về mặt kỹ thuật, phương pháp 57 có sẵn cho bất kỳ 58 nào, nhưng hầu hết các trình duyệt đều bỏ qua 59 nếu 58 không được tạo bằng 61. Vì vậy, nó sẽ chỉ hoạt động trên cửa sổ bật lênThuộc tính 62 là 63 nếu cửa sổ đóng. Điều đó rất hữu ích để kiểm tra xem cửa sổ bật lên (hoặc cửa sổ chính) có còn mở hay không. Người dùng có thể đóng nó bất cứ lúc nào và mã của chúng tôi sẽ tính đến khả năng đóMã này tải và sau đó đóng cửa sổ 7Di chuyển và thay đổi kích thướcCó các phương pháp để di chuyển/thay đổi kích thước cửa sổ 64Di chuyển cửa sổ so với vị trí hiện tại 65 pixel sang bên phải và 66 pixel xuống dưới. Giá trị âm được cho phép (để di chuyển sang trái/lên). 67Di chuyển cửa sổ đến tọa độ 68 trên màn hình. 69Thay đổi kích thước cửa sổ theo 6 đã cho so với kích thước hiện tại. Cho phép giá trị âm. 71Thay đổi kích thước cửa sổ thành kích thước nhất địnhNgoài ra còn có sự kiện 72Chỉ cửa sổ bật lên Để ngăn chặn lạm dụng, trình duyệt thường chặn các phương pháp này. Chúng chỉ hoạt động đáng tin cậy trên các cửa sổ bật lên mà chúng tôi đã mở, không có tab bổ sung Không thu nhỏ/tối đa hóa JavaScript không có cách nào để thu nhỏ hoặc phóng to cửa sổ. Các chức năng cấp hệ điều hành này bị ẩn khỏi các nhà phát triển Frontend Các phương pháp di chuyển/thay đổi kích thước không hoạt động đối với các cửa sổ được phóng to/thu nhỏ Cuộn một cửa sổChúng ta đã nói về việc cuộn cửa sổ trong chương Kích thước cửa sổ và cuộn ________ 473 Cuộn cửa sổ _____ 365 pixel sang phải và ________ 366 xuống dưới so với cuộn hiện tại. Cho phép giá trị âm. ________ 476 Cuộn cửa sổ đến tọa độ đã cho ________ 368. ________ 478 Cuộn cửa sổ để làm cho ________ 479 hiển thị ở trên cùng (mặc định) hoặc ở dưới cùng cho 70Ngoài ra còn có sự kiện 71Lấy nét/làm mờ cửa sổVề mặt lý thuyết, có các phương pháp 72 và 73 để lấy nét/không lấy nét trên một cửa sổ. Và cũng có các sự kiện 74 cho phép ghi lại khoảnh khắc khi người truy cập tập trung vào một cửa sổ và chuyển sang nơi khácMặc dù, trong thực tế, chúng bị hạn chế nghiêm trọng, bởi vì trong quá khứ các trang ác đã lạm dụng chúng Ví dụ, nhìn vào mã này 9Khi người dùng cố gắng tắt cửa sổ ( 75), nó sẽ đưa cửa sổ trở lại tiêu điểm. Mục đích là để "khóa" người dùng trong 58Vì vậy, các trình duyệt đã phải đưa ra nhiều giới hạn để cấm mã như vậy và bảo vệ người dùng khỏi các trang quảng cáo và tệ nạn. Chúng phụ thuộc vào trình duyệt Chẳng hạn, một trình duyệt di động thường bỏ qua hoàn toàn 72. Ngoài ra, tiêu điểm không hoạt động khi cửa sổ bật lên mở trong một tab riêng thay vì một cửa sổ mớiTuy nhiên, có một số trường hợp sử dụng khi các cuộc gọi như vậy hoạt động và có thể hữu ích Ví dụ
Bản tóm tắtCửa sổ bật lên hiếm khi được sử dụng vì có các lựa chọn thay thế. tải và hiển thị thông tin trong trang hoặc trong iframe Nếu chúng tôi định mở một cửa sổ bật lên, một cách tốt là thông báo cho người dùng về nó. Biểu tượng “cửa sổ đang mở” gần liên kết hoặc nút sẽ cho phép khách truy cập sống sót sau khi chuyển tiêu điểm và ghi nhớ cả hai cửa sổ
Để đóng cửa sổ bật lên. sử dụng cuộc gọi 57. Ngoài ra, người dùng có thể đóng chúng (giống như bất kỳ cửa sổ nào khác). 95 là 63 sau đó |