google-chrome-app - Chrome 应用程序中的 Ctrl+f(查找)

Question

是否可以在 Chrome 应用程序中启用浏览器功能 Ctrl+F(在当前 View 中查找)？
我说的是我自己写的一个应用程序，我真的很想念那个功能。

Answer 1

我认为一个例子可能很好。我也想要这个。
这是我从上面的想法中得出的结论。
我通过以下更改编辑了来自 Google 的 Kiosk 应用示例:

HTML:enter code here






CSS:

#live-search{
  display:none;
}
.text-input{
  right: 25px;
  z-index: 10000;
  position: absolute;
  border: #000 solid 1px;
}

JS:

window.onresize = doLayout;
var isLoading = false;
var webview //made global so that I can access it easier everywhere.
onload = function() {//existing function, added more to it.

  webview = document.querySelector('webview');
  webview.addEventListener('consolemessage', function(e) {

//这让 webview 发送到控制台，以便我可以看到为什么有些东西不起作用。
console.log('访客页面日志'+ e.line + ", ", e.message);
});
doLayout();
$().ready(function()//这里使用jquery onload。
{
var ctrlDown = false;
var ctrlKey = 17, fKey = 70;

    $(document).keydown(function(e)//detect CTRL key.
    {
        if (e.keyCode == ctrlKey) ctrlDown = true;
    }).keyup(function(e)
    {
        if (e.keyCode == ctrlKey) ctrlDown = false;
    });

    $(document).keydown(function(e)//detect CTRL+f
    {
        if (ctrlDown && e.keyCode == fKey){
          $("#live-search .text-input").val("").focus();//clear search box
          $("#live-search").toggle();
        };
    });
    $("#live-search .text-input").keyup(function(e){//typed in search, so search.
      webview.executeScript(
        {code:   
          'window.find("'+ $("#live-search .text-input")[0].value +'",false, false, true);'
        });
    });
});

JS 在另一个函数中:

function handleLoadStop(event) {//hide the search when they go to another page.
  $("#live-search").hide();