nexus/sreweekly/markdown/69/05-niffy-perceptual-diffing-to-catch-invisible-bugs.md

# Niffy: Perceptual Diffing to Catch Invisible Bugs

- **期号**: SRE Weekly Issue #69（2017-04-23）
- **作者**: —
- **链接**: https://segment.com/blog/perceptual-diffing-with-niffy/

## 简介

Why depend on fallible QA testing to spot regressions in a web UI? Computers are so much better at that kind of thing. Niffy spots the pixel changes between old and new code so you can see exactly what regressed before putting it in front of your users.

## 正文

# Developer Insights

        
    
    
        
        
      
    

![Person using computer with monitor showing code, text Now Available Person using computer with monitor showing code, text Now Available](https://segment.com/content/dam/twilio-com/global/en/blog/importer-images/a-c/agent-connect/twilio-agent-connect-card.png/_jcr_content/renditions/compressed-original.webp) 

        
    
    
        
        
      
    

![Announcement of Ola communication platform by Twilio Forward, featuring icons and contributor names. Announcement of Ola communication platform by Twilio Forward, featuring icons and contributor names.](https://segment.com/content/dam/twilio-com/global/en/blog/importer-images/h-l/introducing-ola-agent-control-communications-channel/media0/_jcr_content/renditions/compressed-1600.webp) 

        
    
    
        
        
      
    

![Twilio MCP Server and Skills info with agents' names and Twilio APIs details Twilio MCP Server and Skills info with agents' names and Twilio APIs details](https://segment.com/content/dam/twilio-com/global/en/blog/importer-images/h-l/introducing-twilio-mcp-skills/media0/_jcr_content/renditions/compressed-original.webp) 

        
    
    
        
        
      
    

![Smiling person working on a computer with text about integrating OpenAI with Twilio Voice using ConversationRelay. Smiling person working on a computer with text about integrating OpenAI with Twilio Voice using ConversationRelay.](https://segment.com/content/dam/twilio-com/global/en/blog/developers/card-images/DevNet-card-conversationrelay.png/_jcr_content/renditions/compressed-original.webp) 

## Topics

- 
    
  
    How to Build a Voice AI Agent with OpenAI's GPT-Live, Twilio Agent Connect, and PythonXinghao Huang![Twilio and OpenAI icons with text on building a Voice AI agent using GPT-3, Twilio Agent Connect, and Python.](/content/dam/twilio-com/global/en/blog/importer-images/t-z/tac-gpt-live-voice-ai-agent-python/media0/_jcr_content/renditions/compressed-original.webp) 
- 
    
  
    Build Voice AI Experiences with Twilio and GPT-Live-1 in the OpenAI APILenore Files![Twilio and GPT-Live-1 API integration for voice AI experiences.](/content/dam/twilio-com/global/en/blog/importer-images/t-z/twilio-openai-gpt-live-1-api-resources/media0/_jcr_content/renditions/compressed-original.webp) 
- 
    
  
    Build an AI Voice Assistant with Twilio Voice and Media Streams, OpenAI's GPT-Live API, and Node.jsPaul Kamp![Twilio and OpenAI logos with text about building an AI voice assistant using their services and Node.js](/content/dam/twilio-com/global/en/blog/importer-images/t-z/voice-ai-assistant-openai-gpt-live-1-node/media0/_jcr_content/renditions/compressed-original.webp) 
- 
    
  
    Make Outbound Calls with Twilio Voice and Media Streams, GPT-Live-1 in the OpenAI API, and Node.jsPaul Kamp![Twilio and OpenAI logos with text on a dark background about outbound calls and APIs.](/content/dam/twilio-com/global/en/blog/importer-images/m-o/make-outbound-calls-with-twilio-voice-and-media-streams--gpt-liv/media0/_jcr_content/renditions/compressed-original.webp) 
- 
    
  
    From AI Agent to Human Agent: ElevenLabs Call Handoffs with TwilioRicardo Bangueses![Red button icon and black pause icon in white circles with geometric shapes on dark grid background.](/content/dam/twilio-com/global/en/blog/importer-images/h-l/integrate-elevenlabs-voices-with-twilios-conversationrelay/twilio-elevenlabs-logo-card.png/_jcr_content/renditions/compressed-original.webp) 
- 
    
  
    Integrate Deepgram Flux with Twilio's Conversation RelayDhruv Patel![Twilio and Deepgram logos overlapping on red and white circles.](/content/dam/twilio-com/global/en/blog/importer-images/d-g/deepgram-flux-twilio-conversation-relay/media0/_jcr_content/renditions/compressed-original.webp) 
- 
    
  
    Build a Video Chat App with ASP.NET Core and Angular using Twilio VideoDonal Toomey![Twilio logo, video chat app with two participants, text](/content/dam/twilio-com/global/en/blog/importer-images/a-c/build-video-chat-app-dotnet-angular/media0/_jcr_content/renditions/compressed-original.webp) 
- 
    
  
    How to Approve Real Users and Block Fake Accounts at Sign Up with Lookup and Verify in PHPKelley Robinson Matthew Setter![Twilio message on approving real users and blocking fake accounts at sign-up using Lookup and Verify.](/content/dam/twilio-com/global/en/blog/developers/developers-imagery-by-post/h-l/how-to-confirm-phone-number-ownership-with-lookup-identity-match-in-php/image1.png/_jcr_content/renditions/compressed-original.webp) 
- 
    
  
    How to Confirm Phone Number Ownership with Lookup Identity Match in PHPKelley Robinson Matthew Setter![Twilio graphic with text Confirm Phone Number Ownership with Lookup Identity Match on dark background.](/content/dam/twilio-com/global/en/blog/developers/developers-imagery-by-post/h-l/how-to-confirm-phone-number-ownership-with-lookup-identity-match-in-php/image3.png/_jcr_content/renditions/compressed-original.webp) 

Free trial

## Start building with Twilio for free

Sign up and start building your ideal customer engagement experience today.

![Confident Man with a Beard in a White T-Shirt Smiling man with a beard, arms crossed, wearing a white t-shirt against a red abstract background.](https://segment.com/content/dam/twilio-com/global/en/blog/product-news/blog_product_news_banner_cta.png/_jcr_content/renditions/compressed-original.webp) 

![Confident Man with a Beard in a White T-Shirt Smiling man with a beard, arms crossed, wearing a white t-shirt against a red abstract background.](https://segment.com/content/dam/twilio-com/global/en/blog/product-news/blog_product_news_banner_cta.png/_jcr_content/renditions/compressed-original.webp)