基于ie内核的网页高亮查找

      采用ie内核做浏览器，很多时候需要增加一个查找网页内容，然后高亮的功能。这个功能可以采用微软的com接口来完成。

      最基本的步骤就是先通过IWebBrowser2获取到IHTMLDocument2，然后通过IHTMLDocument2获取到IMarkupContainer，IMarkupServices。通过IMarkupServices创建2个IMarkupPointer指针，这两个IMarkupPointer需要放到IMarkupContainer中去，调用接口IMarkupContainer的方法MoveToContainer即可。

     这些步骤准备好后，即可调用IMarkupPointer的FindText接口进行查找遍历的功能。对于查找到的元素，可以采取IMarkupServices接口的方法CreateElement来添加背景色STYLE="background-color:#00ff00“，添加完背景色后需要将查找到的元素显示到那个位置，采用如下方式：

 VARIANT var;
  var.vt = VT_BOOL;
  var.boolVal = VARIANT_FALSE;
  IHTMLElement->scrollIntoView( var );

 

     去除背景色可以采用IMarkupServices的方法RemoveElement(s);

 

 代码如下：

void SearchText(IHTMLDocument2* pDoc2,IMarkupContainer** pMarkupcontainer,IMarkupServices **pMarkSer,
        IMarkupPointer** pMarkPtrStart,IMarkupPointer** pMarkPtrEnd,int& dwCount)
{
 HRESULT hr = S_FALSE;

 if( *pMarkupcontainer == NULL )
 {
  hr = pDoc2->QueryInterface( IID_IMarkupContainer, (void **) pMarkupcontainer );
  if( hr != S_OK )
   return;
 }
 if( *pMarkSer == NULL )
 {
  hr = pDoc2->QueryInterface( IID_IMarkupServices, (void **) pMarkSer );
  if( hr != S_OK )
   return;
 }

 if( *pMarkPtrStart == NULL )
 {
  // need two pointers for marking
  hr = (*pMarkSer)->CreateMarkupPointer(  pMarkPtrStart );
  if( hr != S_OK )
   return;
 }
 if( *pMarkPtrEnd == NULL )
 {
  // beginning and ending position of text.
  hr = (*pMarkSer)->CreateMarkupPointer(  pMarkPtrEnd );
  if( hr != S_OK )
   return;
 }

 // Set gravity of this pointer so that when the replacement text
 // is inserted it will float to be after it.
 hr = (*pMarkPtrStart)->SetGravity( POINTER_GRAVITY_Right );
 if( hr != S_OK )
  return;
 hr = (*pMarkPtrEnd)->SetGravity( POINTER_GRAVITY_Left );
 if( hr != S_OK )
  return;

 // Start the search at the beginning of the primary container
 hr = (*pMarkPtrStart)->MoveToContainer( *pMarkupcontainer, TRUE );
 if( hr != S_OK )
  return;
 hr = (*pMarkPtrEnd)->MoveToContainer( *pMarkupcontainer, FALSE );
 if( hr != S_OK )
  return;

 DWORD dwFlags = 0;
 if( m_bMatchCase )
  dwFlags |= FINDTEXT_MATCHCASE;

 for( ; ;)
 { 
  hr = (*pMarkPtrStart)->FindText( m_bszSearchText, dwFlags, *pMarkPtrEnd, NULL );

  if (hr == S_FALSE) // did not find the text
   break;
  

  m_nCount ++;
  dwCount++;
  //pIHtmlElement->get_parentElement(&pParentElement);
  CComPtr<IHTMLElement> pIHtmlElement;
  bool bFlag = false;

  (*pMarkPtrStart)->CurrentScope(&pIHtmlElement);
  if( pIHtmlElement != NULL )
  {
  
   for ( ; ;)
   {
    CComQIPtr<IHTMLElement2, &IID_IHTMLElement2> pIHtmlElement2(pIHtmlElement);
    CComPtr<IHTMLElement> pParentElement = NULL;

    if (S_OK != pIHtmlElement->get_parentElement(&pParentElement) || NULL == pParentElement)
     break;

    CComPtr<IHTMLCurrentStyle> pHtmlStyle = NULL;

    pIHtmlElement2->get_currentStyle(&pHtmlStyle);

    CComBSTR bszDisplay, bszVisible;

    if( pHtmlStyle != NULL )
    {
     pHtmlStyle->get_display(&bszDisplay);
     pHtmlStyle->get_visibility(&bszVisible);
    }

    if (0 == StrCmpI( _T("none") , bszDisplay) || 0 == StrCmpI(_T("hidden") , bszVisible) )
    {
     bFlag = true;
     m_nCount --;
     dwCount--;
     break;
    }

    bFlag = false;
    pIHtmlElement = pParentElement;
   }
  }

  if( m_bHighlight && !bFlag )
  {
   InsertMarkup( *pMarkSer, *pMarkPtrStart, *pMarkPtrEnd, false, false );
  }

  // Continue searching
  (*pMarkPtrStart)->MoveToPointer( *pMarkPtrEnd);
 } 
}

 

 

      有些复杂的页面采取frame的方式，如csdn的论坛页面，这时候需要遍历出所有的frame中的document

网页的布局如下：

 

 

可以采用递归遍历frame的方式，然后遍历出document，再采用开头的方式即可查找

 

递归如下：

 

void SearchInFrame(IHTMLDocument2 *pDoc)
{
 CComPtr<IHTMLFramesCollection2> frames;
 HRESULT hr = pDoc->get_frames(&frames);

 if(SUCCEEDED(hr) && frames)
 {
  long p = 0;
  frames->get_length(&p);
  for(long f = 0;f<p;f++)
  {
   variant_t frame;
   frames->item(&_variant_t(f),&frame);
   if((IDispatch*)frame)
   {
    CComPtr<IHTMLWindow2>  elem;
    hr = ((IDispatch*)frame)->QueryInterface(IID_IHTMLWindow2, (void**)&elem);
    if(SUCCEEDED(hr) && elem)
    {
     CComPtr<IHTMLDocument2>  lpHtmlDocument;
     hr  = elem->get_document(&lpHtmlDocument);
     if (SUCCEEDED(hr) && lpHtmlDocument)
     {

      SEARCH_INFO _info = {0};
      SearchText(lpHtmlDocument,&_info.m_pContainer,&_info.m_pServices,&_info.m_pPointerStart,&_info.m_pPointerEnd,_info.m_TotalCount);
      _info.m_nCurPos = SEARCH_BEGIN;
      if (_info.m_TotalCount > 0)
      {
       m_listSearchInfo.push_back(_info);
      }

      SearchInFrame(lpHtmlDocument);
     }

     

    }
   }
  }
 }
}

 

在我们查找到相应的字符后需要高亮，并且让网页滚动到相应位置，如果采用IHTMLElement 接口的scrollIntoView 会导致某些页面发生页面布局变化错位的问题，这是的确非常棘手。还好，ie还有一套接口可以高亮查找，IHTMLTxtRange，采用IHTMLTxtRange的scrollIntoView 可以解决这个问题，所以如果要非常完美的实现高亮查找功能，需要两者结合用