Làm cách nào để tạo tính năng tìm kiếm trang web trong thanh địa chỉ của Chrome?

Khi bạn truy cập stackoverflow.com trong Google Chrome và nếu bạn đặt khoảng trắng phía trước ký tự cuối cùng, thanh địa chỉ sẽ thay đổi thành trong màn hình của tôi bên dưới.

Sau đó, bạn có thể nhấn Tab và bạn có thể nhập bất cứ điều gì và nhấn enter sẽ đưa bạn đến trang tìm kiếm với cụm từ tìm kiếm của bạn : /programming//search?q=anything.

Làm thế nào tôi có thể làm điều tương tự cho trang web của tôi?

google-chrome site-search

— Tôi là người ngu ngốc nhất
nguồn

Tôi cho rằng họ đã thiết lập tìm kiếm trang web và họ chỉ muốn định cấu hình Chrome theo cách mà StackOverflow thực hiện. Nếu đó là trường hợp, nó là một câu hỏi rất dễ trả lời, không quá rộng.

— Stephen Ostermiller

Dường như ai đó trên các diễn đàn sản phẩm của Google đã tìm ra điều này: productforums.google.com/forum/#!msg/chrome/8EFOmC6pNLs/...

— Stephen Ostermiller

Damith, bạn có muốn thêm một tìm kiếm trang web từ thanh địa chỉ , hoặc chỉ một tìm kiếm trang web với tự động hoàn thành?

— Scott C Wilson

Hiện tại tôi quá lười để viết một câu trả lời hay, vì vậy đây là hai liên kết: opensearch.org/Documentation/Frequently_asked_questions và để thực hiện điều này, hãy xem: opensearch.org/Specifying/OpenSearch/ tựa

— Oskar Skog

@StephenOstermiller Tôi đọc lại câu hỏi. Lỗi của tôi! Tôi đã có ý định thực hiện tìm kiếm trang web và bằng cách nào đó đã bỏ lỡ bản chất thực sự của câu hỏi. Đây là một câu hỏi hay. Chúc mừng !!

— Closnoc

Giả sử rằng bạn có một tính năng tìm kiếm trên trang web của mình thì bạn có thể tận dụng chức năng OpenSearch trong Chrome.

Lấy từ tài liệu Chromium :

Để bật tính năng này cho tất cả người dùng (ngay cả những người chưa sử dụng biểu mẫu tìm kiếm của bạn):

Trên trang chủ của trang web của bạn cung cấp một liên kết đến tài liệu mô tả OpenSearch. Liên kết đến OSDD được đặt trong phần đầu của tệp html. Ví dụ:

<head>
  <link type="application/opensearchdescription+xml"
        rel="search"
        href="url_of_osdd_file"/>
</head>

Phần quan trọng của tài liệu này là URL được sử dụng để tìm kiếm trang web của bạn.

Sau đây là một ví dụ chứa mức tối thiểu cần thiết, hãy xem đặc tả tài liệu mô tả OpenSearch để biết danh sách các giá trị bạn có thể chỉ định.

<?xml version="1.0"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
  <ShortName>Search My Site</ShortName>
  <Description>Search My Site</Description>
  <Url type="text/html" method="get"
       template="http://my_site/{searchTerms}"/>
</OpenSearchDescription>

Khi người dùng nhấn enter trong Omnibox, chuỗi {searchTerms} trong url được thay thế bằng chuỗi mà người dùng đã nhập.

Bạn cũng có thể bao gồm một dịch vụ đề xuất bằng cách thêm một yếu tố URL rel="suggestions"khác như:

<Url type="application/json"
     rel="suggestions"
     template="http://my_site/suggest?q={searchTerms}"
     />

Nếu bạn bao gồm điều này, thanh địa chỉ sẽ sử dụng dịch vụ đề xuất của bạn để cung cấp các đề xuất truy vấn dựa trên truy vấn một phần của người dùng.

Nếu hộp tìm kiếm của bạn sử dụng yêu cầu GET, thì Chrome sẽ kích hoạt tính năng này cho những người sử dụng sử dụng nó.

Nếu bạn không có trang tìm kiếm trên trang của mình thì điều này sẽ không hoạt động.

Đạo cụ cho Stephen cho các liên kết ban đầu.

— Zhaph - Ben Duguid
nguồn